From f00e049f76d47dd0d36bb1238ee7056bc8da71a1 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sun, 6 Apr 2025 16:18:09 +0200
Subject: [PATCH] Added toast messages

---
 components/calendar/category/TableRow.vue | 25 +++++++++++++++++++----
 i18n.config.ts                            | 12 +++++++++--
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/components/calendar/category/TableRow.vue b/components/calendar/category/TableRow.vue
index 3db811e..ed0986d 100644
--- a/components/calendar/category/TableRow.vue
+++ b/components/calendar/category/TableRow.vue
@@ -1,9 +1,14 @@
 <script setup lang="ts">
 import { PhCheck } from "@phosphor-icons/vue"
+import { useToast } from "~/components/ui/toast"
+import { ToastLifetime } from "~/components/ui/toast/use-toast"
 import { cn } from "~/lib/utils"
 import type { Category } from "~/models/Category"
 
-const props = defineProps<{
+const { toast } = useToast()
+const { t } = useI18n()
+
+const { category } = defineProps<{
   category: Category
 }>()
 
@@ -42,7 +47,7 @@ function toggleView(options: ToggleViewOptions = { execution: "now" }) {
  */
 function toggleEdit() {
   currentMode.value = "edit";
-  categorySkeleton.value = structuredClone(toRaw(props.category))
+  categorySkeleton.value = structuredClone(toRaw(category))
 
   nextTick(() => {
     inputFocused.value = true;
@@ -66,9 +71,21 @@ onUnmounted(() => {
 async function submitUpdate() {
   const { error } = await tryCatch(updateCategoryFromSkeleton())
 
-  if (!error) {
-    toggleView({ execution: "now" })
+  if (error) {
+    toast({
+      title: t("entity.category.updatedToast.titleError", { category: category.name }),
+      variant: "destructive",
+      duration: ToastLifetime.LONG
+    })
+    return
   }
+
+  toggleView({ execution: "now" })
+  toast({
+    title: t("entity.category.updatedToast.title", { category: category.name }),
+    variant: "success",
+    duration: ToastLifetime.SHORT
+  })
 }
 </script>
 
diff --git a/i18n.config.ts b/i18n.config.ts
index 6715aad..e2ead9a 100644
--- a/i18n.config.ts
+++ b/i18n.config.ts
@@ -97,7 +97,11 @@ export default defineI18nConfig(() => ({
           manageDialog: {
             title: "Manage categories",
             subtitle: "Add and change the categories of your calendar",
-          }
+          },
+          updatedToast: {
+            title: "The category \"{category}\" has been successfuly updated.",
+            titleError: "An error has occured and the category \"{category}\" wasn't updated.",
+          },
         },
         isLoading: "Loading in progress…",
         addDescription: "Add a description",
@@ -404,7 +408,11 @@ export default defineI18nConfig(() => ({
           manageDialog: {
             title: "Gestion des catégories",
             subtitle: "Créer et modifier les catégories de votre calendrier",
-          }
+          },
+          updatedToast: {
+            title: "La catégorie \"{category}\" a été modifiée avec succès.",
+            titleError: "Une erreur s'est produite et la catégorie \"{category}\" n'a pas pu être modifiée.",
+          },
         },
         isLoading: "Chargement en cours…",
         addDescription: "Ajouter une description",