feat: add toast ui for better UX (#33)

ThaddeusJiang · Sep 6, 2023 · 83a28c3 · 83a28c3 · vercel · Sep 6, 2023
1 parent 8448784
commit 83a28c3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/components/ui/Avatar/AvatarCardWithMarkIcon.tsx b/components/ui/Avatar/AvatarCardWithMarkIcon.tsx
@@ -1,3 +1,5 @@
+import { toast } from "react-hot-toast"
+
 import Link from "next/link"
 import { useRouter } from "next/router"
 
@@ -23,6 +25,7 @@ export function AvatarCardWithMarkIcon({ avatar }: { avatar: Avatar & { isMarked
       return res.json()
     },
     onSuccess: () => {
+      toast.success("Marked")
       router.replace(router.asPath)
     }
   })
@@ -39,6 +42,7 @@ export function AvatarCardWithMarkIcon({ avatar }: { avatar: Avatar & { isMarked
       return res.json()
     },
     onSuccess: () => {
+      toast.success("Unmarked")
       router.replace(router.asPath)
     }
   })

diff --git a/components/ui/Avatar/AvatarProfileHeader.tsx b/components/ui/Avatar/AvatarProfileHeader.tsx
@@ -48,10 +48,7 @@ export const AvatarProfileHeader = ({ username, isSetting = false }: { username:
     },
     onSuccess: () => {
       toast.success("Status changed")
-      router.push({
-        href: router.pathname,
-        query: router.query
-      })
+      router.replace(router.asPath)
     }
   })
 

diff --git a/pages/settings/avatars/[username]/export.tsx b/pages/settings/avatars/[username]/export.tsx
@@ -37,10 +37,7 @@ export default function AvatarExportPage({ archives }: { archives: any[] }) {
     },
     onSuccess: () => {
       toast.success("Request sent")
-      router.push({
-        href: router.pathname,
-        query: router.query
-      })
+      router.replace(router.asPath)
     }
   })