ENH: Implement ToastProvider for logging out process

adjiap · Jul 5, 2024 · 61adf46 · 61adf46
1 parent eb2fc86
commit 61adf46
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -5,6 +5,7 @@ import Sidebar from "@/components/sidebar"
 import SupabaseProvider from "@/providers/SupabaseProvider";
 import UserProvider from "@/providers/UserProvider";
 import ModalProvider from "@/providers/ModalProvider";
+import ToasterProvider from "@/providers/ToasterProvider";
 
 const font = Figtree({ subsets: ["latin"] });
 
@@ -21,6 +22,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={font.className}>
+        <ToasterProvider/>
         {/* Adding custom SupabaseProvider to wrap our application with the Supabase client */}
         <SupabaseProvider>
           <UserProvider>

diff --git a/components/header.tsx b/components/header.tsx
@@ -11,6 +11,7 @@ import useAuthModal from "@/hooks/useAuthModal";
 import { useSupabaseClient } from "@supabase/auth-helpers-react";
 import { useUser } from "@/hooks/useUsers";
 import { FaUserAlt } from "react-icons/fa";
+import toast from "react-hot-toast";
 
 interface HeaderProps{
     children: React.ReactNode;
@@ -32,7 +33,9 @@ const Header: React.FC<HeaderProps> = ({
         // TODO: reset any playing songs
         router.refresh();
         if (error){
-            console.log(error);
+            toast.error(error.message);
+        } else {
+            toast.success("Logged out!");
         }
     }