Merge pull request #8 from Shitanshukumar607/add-auth

add logout

Author: Shitanshukumar607

components/NavbarComponents/AuthButtons.tsx

@@ -18,10 +18,19 @@ const AuthButtons = () => {
     fetchUser();
   }, [supabase.auth]);
 
+  const handleLogout = async () => {
+    const { error } = await supabase.auth.signOut();
+    if (!error) setUser(null);
+    else throw error;
+  };
+
   return (
     <div>
       {user ? (
-        <button className="hidden sm:flex text-xs border border-emerald-500 dark:border-purple-500 px-3 py-1.5 rounded-md hover:bg-emerald-100 dark:hover:bg-violet-900 transition-colors duration-200 items-center gap-1.5">
+        <button
+          onClick={handleLogout}
+          className="hidden sm:flex text-xs border border-emerald-500 dark:border-purple-500 px-3 py-1.5 rounded-md hover:bg-emerald-100 dark:hover:bg-violet-900 transition-colors duration-200 items-center gap-1.5"
+        >
           <span>Logout</span>
           {!loading && (
             <span className="text-xs opacity-70">{`(${user})`}</span>

next.config.ts

@@ -1,7 +1,9 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  images: {
+    remotePatterns: [new URL("https://img.icons8.com/**")],
+  },
 };
 
 export default nextConfig;