add: auth functionality basics

2025-07-01 19:30:54 +03:30
parent f1301140ba
commit ef63706116
10 changed files with 99 additions and 98 deletions
@@ -1,11 +1,18 @@
+'use client';
+
+import { useAuthStore } from "@/zustand/userStore";
 import Image from "next/image";
 import Link from "next/link";

 export default function Home() {
+
+  const logout = useAuthStore((state) => state.logout);
+
  return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+    <div className="grid font-sans grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
      <main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
        <Link href={"/auth"}>Login</Link>
+        <Link href={"/"} onClick={logout}>Logout</Link>
        <Image
          className="dark:invert"
          src="/next.svg"