feat: shared, more pleasing empty-state component across the app

Every "nothing here" page had its own copy-pasted dashed-border box —
icon + one muted line, inconsistent (some had a CTA, some didn't, no
description text anywhere). Replaced with one shared EmptyState
component: icon in a soft tinted circle, a real heading plus optional
description, and primary/secondary actions (either a Link or an
arbitrary action slot for things like "New Collection" that open a
dialog rather than navigate).

Applied to: recipes (no recipes / no search match), favorites, feed
(no one followed / no new posts / trending / for-you), collections
(index + detail), shopping lists, pantry, notifications, can-cook.
Left the small inline "no trending"/"no recent" lines inside Explore's
already-labeled sections and the notification-bell dropdown alone —
different context, a full empty-state box would be heavier than the
space warrants.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-10 16:30:56 +02:00
parent e0d39c86ef
commit 8b749f432e
13 changed files with 163 additions and 70 deletions
+10 -1
View File
@@ -571,7 +571,10 @@
"tabFavorites": "Favorites",
"favoritesCount": "{count} favorited recipe",
"favoritesCountPlural": "{count} favorited recipes",
"favoritesEmpty": "No favorited recipes yet — tap the heart on any recipe to save it here."
"favoritesEmpty": "No favorited recipes yet — tap the heart on any recipe to save it here.",
"favoritesEmptyTitle": "No favorites yet",
"exploreRecipes": "Explore recipes",
"emptyStateDescription": "Create your own, import from a URL, or let AI generate one to get started."
},
"recipeNotes": {
"title": "Your private notes",
@@ -742,6 +745,7 @@
"removeConfirmTitle": "Remove item?",
"removeConfirmDescription": "Remove \"{name}\" from your pantry?",
"empty": "No pantry items yet.",
"emptyDescription": "Add items by hand, or scan a barcode / photo to fill it in fast.",
"expired": "Expired",
"expiresInDays": "Expires in {days}d",
"expiresOn": "Expires {date}",
@@ -775,6 +779,8 @@
"feed": {
"title": "Feed",
"followEmpty": "Follow chefs to see their recipes here.",
"followEmptyDescription": "Your following feed fills up as soon as you follow a few people.",
"findPeople": "Find people to follow",
"noNew": "No new recipes from people you follow.",
"following": "Following",
"trending": "Trending",
@@ -790,6 +796,7 @@
"title": "Shopping Lists",
"subtitle": "Plan your grocery runs",
"empty": "No shopping lists yet",
"emptyDescription": "Generate one from a meal plan, or start one from scratch.",
"listEmpty": "Empty",
"generated": "Generated",
"shareTitle": "Share shopping list",
@@ -850,6 +857,8 @@
"title": "Collections",
"subtitle": "Curate your favorite recipes into collections",
"empty": "No collections yet",
"emptyDescription": "Group your recipes by theme, occasion, or however makes sense to you.",
"emptyCollection": "No recipes in this collection yet.",
"public": "Public",
"recipeCount": "{count} recipe",
"recipeCountPlural": "{count} recipes",
+10 -1
View File
@@ -562,7 +562,10 @@
"tabFavorites": "Favoris",
"favoritesCount": "{count} recette favorite",
"favoritesCountPlural": "{count} recettes favorites",
"favoritesEmpty": "Aucune recette favorite pour l'instant — touchez le cœur sur une recette pour l'enregistrer ici."
"favoritesEmpty": "Aucune recette favorite pour l'instant — touchez le cœur sur une recette pour l'enregistrer ici.",
"favoritesEmptyTitle": "Aucun favori pour l'instant",
"exploreRecipes": "Explorer les recettes",
"emptyStateDescription": "Créez la vôtre, importez-la depuis une URL, ou laissez l'IA en générer une pour commencer."
},
"recipeNotes": {
"title": "Vos notes personnelles",
@@ -730,6 +733,7 @@
"removeConfirmTitle": "Retirer cet article ?",
"removeConfirmDescription": "Retirer « {name} » du garde-manger ?",
"empty": "Aucun article dans le garde-manger.",
"emptyDescription": "Ajoutez des articles manuellement, ou scannez un code-barres / une photo pour aller plus vite.",
"expired": "Expiré",
"expiresInDays": "Expire dans {days}j",
"expiresOn": "Expire le {date}",
@@ -763,6 +767,8 @@
"feed": {
"title": "Fil d'actualité",
"followEmpty": "Suivez des chefs pour voir leurs recettes ici.",
"followEmptyDescription": "Votre fil d'abonnements se remplit dès que vous suivez quelques personnes.",
"findPeople": "Trouver des personnes à suivre",
"noNew": "Aucune nouvelle recette de vos abonnements.",
"following": "Abonnements",
"trending": "Tendances",
@@ -778,6 +784,7 @@
"title": "Listes de courses",
"subtitle": "Planifiez vos courses",
"empty": "Aucune liste de courses",
"emptyDescription": "Générez-en une depuis un planning repas, ou créez-en une de zéro.",
"listEmpty": "Vide",
"generated": "Générée",
"shareTitle": "Partager la liste de courses",
@@ -838,6 +845,8 @@
"title": "Collections",
"subtitle": "Organisez vos recettes favorites en collections",
"empty": "Aucune collection pour l'instant",
"emptyDescription": "Regroupez vos recettes par thème, occasion, ou comme bon vous semble.",
"emptyCollection": "Aucune recette dans cette collection pour l'instant.",
"public": "Publique",
"recipeCount": "{count} recette",
"recipeCountPlural": "{count} recettes",