🎨 Improving error system, fixing profile store, and more stuff

modules/app/components/FOHeader.vue

@@ -6,15 +6,16 @@ defineOptions({
 })
 
 const router = useRouter()
-const { user, displayName, waitingMailValidation, loading } = useProfile()
+const { user, displayName, waitingMailValidation, loading } = storeToRefs(useProfile())
 const { auth } = useSupabaseClient<Database>()
+const { showErrorPage } = useErrorSystem()
 
 const links = computed(() => {
   const tmp = []
 
-  if (!user.value) {
+  if (!user?.value) {
     tmp.push({
-      label: 'S\'inscrire sur FO',
+      label: 'S\'inscrire',
       to: '/join'
     })
   } else {
@@ -29,10 +30,9 @@ const links = computed(() => {
 
 const signOut = async () => {
   const { error } = await auth.signOut()
-  if (error) console.log(error)
-  router.push('/')
 
-  // TOFIX
+  showErrorPage(error)
+  router.push('/')
 }
 </script>
 

modules/app/components/profile/EmailUpdateForm.vue

@@ -11,6 +11,7 @@ definePageMeta({
 const emit = defineEmits(['success', 'error'])
 
 const toast = useToast()
+const { showErrorToast } = useErrorSystem()
 const { auth } = useSupabaseClient<Database>()
 const { inputStyle, formGroupStyle } = useFoStyle()
 
@@ -34,17 +35,9 @@ async function onSave(event: FormSubmitEvent<Schema>) {
   })
 
   if (error) {
-    console.log(error)
-    toast.add({
-      title: 'Erreur',
-      description: 'Une erreur est survenue lors de l\'envoi du nouveau courriel',
-      color: 'red',
-    })
-
+    showErrorToast(error, 'Erreur lors de la modification de l\'adresse de courriel')
     emit('error')
   } else {
-    console.log(data)
-
     toast.add({
       title: 'Adresse de courriel changé',
       description: 'Nouveau courriel sauvegardé, vérifie tes mails pour confirmer le changement',

modules/app/components/profile/PasswordUpdateForm.vue

@@ -9,6 +9,7 @@ definePageMeta({
 
 const emit = defineEmits(['success', 'error'])
 
+const { showErrorToast } = useErrorSystem()
 const toast = useToast()
 const { auth } = useSupabaseClient<Database>()
 const { testPassword } = usePasswordStrength()
@@ -42,17 +43,9 @@ async function onSave(event: FormSubmitEvent<Schema>) {
   })
 
   if (error) {
-    console.log(error)
-    toast.add({
-      title: 'Erreur',
-      description: 'Une erreur est survenue lors de l\'envoi du nouveau mot de passe',
-      color: 'red',
-    })
-
+    showErrorToast(error, 'Une erreur est survenue lors de l\'envoi du nouveau mot de passe')
     emit('error')
   } else {
-    console.log(data)
-
     toast.add({
       title: 'Mot de passe changé',
       description: 'Nouveau mot de passe sauvegardé, vérifie tes mails pour confirmer le changement',