-
) {
return (
- //
fetch(url).then((res) => res.json()),
- // revalidateOnFocus: false,
- // }}
- //>
-
-
- {children}
-
-
- //
+
+
+
{children}
+
+
);
}
diff --git a/frontend/components/app-sidebar.tsx b/frontend/components/app-sidebar.tsx
index 5f094b6..715a576 100644
--- a/frontend/components/app-sidebar.tsx
+++ b/frontend/components/app-sidebar.tsx
@@ -10,6 +10,7 @@ import {
GalleryVerticalEnd,
Settings2,
Calendar,
+ Loader2,
} from "lucide-react";
import { NavMain } from "@/components/nav-main";
@@ -23,6 +24,8 @@ import {
SidebarHeader,
SidebarRail,
} from "@/components/ui/sidebar";
+import useMe from "@/hooks/use-me";
+import { useEffect } from "react";
// This is sample data.
const data = {
@@ -93,6 +96,8 @@ const data = {
};
export function AppSidebar({ ...props }: React.ComponentProps
) {
+ const { user, isLoading, success, error } = useMe();
+
return (
@@ -102,7 +107,11 @@ export function AppSidebar({ ...props }: React.ComponentProps) {
-
+ {isLoading ? (
+
+ ) : (
+
+ )}
diff --git a/frontend/components/layouts/swr-layout.tsx b/frontend/components/layouts/swr-layout.tsx
new file mode 100644
index 0000000..44d81bb
--- /dev/null
+++ b/frontend/components/layouts/swr-layout.tsx
@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Hammed Abass. <3 All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+"use client";
+
+import { SWRConfig } from "swr";
+
+interface SWRLayoutProps {
+ children: React.ReactNode;
+}
+
+const SWRLayout: React.FC = ({ children }) => (
+
+ fetch(url, { credentials: "include" }).then((res) =>
+ res.json(),
+ ),
+ revalidateOnFocus: false,
+ }}
+ >
+ {children}
+
+);
+
+export default SWRLayout;
diff --git a/frontend/components/login-form.tsx b/frontend/components/login-form.tsx
index 78da3d8..427d62a 100644
--- a/frontend/components/login-form.tsx
+++ b/frontend/components/login-form.tsx
@@ -1,14 +1,39 @@
+"use client";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import useLogin from "@/hooks/use-login";
+import { Loader2 } from "lucide-react";
export function LoginForm({
className,
...props
}: React.ComponentPropsWithoutRef<"form">) {
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const { login, loading, isSuccess } = useLogin();
+ const router = useRouter();
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ try {
+ const res = await login({ email, password });
+ if (res.status === "Success") router.push("/dashboard");
+ console.log(res);
+ } catch (err: any) {
+ console.log(err.message);
+ }
+ };
+
return (
-