From 87a854b4be99c4c4f6e824de8d6e537064fc0aa5 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 11 Dec 2023 00:00:14 +0100
Subject: [PATCH] Improve guestbook page

---
 src/pages/guestbook.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index 6cede1b..5b0aa1c 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -1,13 +1,14 @@
 <script lang="ts" setup>
+import type { GuestbookMessage } from '@prisma/client'
 import { providers } from '~~/types'
 
 useHead({
   title: 'Sign my guestbook • Arthur Danjou',
 })
 
-const { loggedIn, clear , user} = useUserSession()
+const { loggedIn, clear, user } = useUserSession()
 
-const { data: messages, refresh } = useFetch('/api/messages', { method: 'get' })
+const { data: messages, refresh } = useFetch<Array<GuestbookMessage>>('/api/messages', { method: 'get' })
 
 const toast = useToast()
 const messageContent = ref<string>('')
@@ -20,12 +21,14 @@ async function sign() {
     body: {
       message: messageContent.value,
     },
-  }).then(() => {
+  }).then(async () => {
     toast.add({
       title: `Thank's for leaving a message!`,
+      description: 'Your can see it at the top of the messages.',
       icon: 'i-material-symbols-check-circle-outline-rounded',
       timeout: 4000,
     })
+    await refresh()
   }).catch(() => {
     toast.add({
       title: 'An error occured when signing the book!',
@@ -33,7 +36,6 @@ async function sign() {
     })
   })
   messageContent.value = ''
-  await refresh()
 }
 </script>