sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-13 11:05:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: implement user profile page and integrate profile fetching logic in AccountPopover and ApplicationLayout components ✨

Browse Source
This commit is contained in:
i701
2025-07-11 14:41:06 +05:00
parent d1fdcc873a
commit a20c939c91
4 changed files with 152 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/auth/account-popver.tsx
View File

@ -1,13 +1,14 @@
"use client";
import { Loader2, User as UserIcon } from "lucide-react";
import Link from "next/link";
import { signOut, useSession } from "next-auth/react";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
import { Loader2, User as UserIcon } from "lucide-react";
import { signOut, useSession } from "next-auth/react";
import { useState } from "react";
export function AccountPopover() {
const session = useSession();
@ -36,16 +37,24 @@ export function AccountPopover() {
<p>{session.data?.user?.mobile}</p>
</div>
</div>
<Button
disabled={loading}
onClick={async () => {
setLoading(true);
await signOut();
setLoading(false);
}}
>
{loading ? <Loader2 className="animate-spin" /> : "Logout"}
</Button>
<div className="flex flex-col gap-2">
<Button
disabled={loading}
onClick={async () => {
setLoading(true);
await signOut();
setLoading(false);
}}
>
{loading ? <Loader2 className="animate-spin" /> : "Logout"}
</Button>
<Link href="/profile" className="text-muted-foreground">
<Button variant={"secondary"} className="w-full">
View Profile
</Button>
</Link>
</div>
</div>
</PopoverContent>
</Popover>