sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-07-02 03:38:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: streamline authentication flow by removing unused code, replacing custom auth utilities with NextAuth, and updating session handling in components
Some checks failed
Build and Push Docker Images / Build and Push Docker Images (push) Failing after 5m56s
Details

Browse Source
This commit is contained in:
i701
2025-03-28 22:24:45 +05:00
parent 99c5fef748
commit ef9f032366
10 changed files with 291 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,56 +1,54 @@
'use client'
import { Button } from "@/components/ui/button"
"use client";
import { Button } from "@/components/ui/button";
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover"
import { authClient } from "@/lib/auth-client";
import { Loader2, User as UserIcon } from "lucide-react"
import { useRouter } from "next/navigation"
import { useState } from "react"
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
import { Loader2, User as UserIcon } from "lucide-react";
import { signOut, useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
import { useState } from "react";
export function AccountPopover() {
const session = authClient.useSession();
const [loading, setLoading] = useState(false)
const router = useRouter()
const session = useSession();
const [loading, setLoading] = useState(false);
const router = useRouter();
if (session.isPending) {
<Button variant={"outline"} disabled>
<Loader2 className="animate-spin" />
</Button>
}
return (
<Popover>
<PopoverTrigger asChild>
<Button className="w-fit px-2" variant="outline">
<UserIcon />
</Button>
</PopoverTrigger>
<PopoverContent className="w-fit">
<div className="grid gap-4">
<div className="space-y-2">
<h4 className="font-medium leading-none">{session.data?.user?.name}</h4>
<p className="text-sm text-muted-foreground">
{session.data?.user?.phoneNumber}
</p>
</div>
<Button disabled={loading} onClick={async () => {
setLoading(true)
await authClient.signOut({
fetchOptions: {
onSuccess: () => {
router.push("/login"); // redirect to login page
},
},
})
setLoading(false)
}}>
{loading ? <Loader2 className="animate-spin" /> : "Logout"}
</Button>
</div>
</PopoverContent>
</Popover>
)
if (session.status === "loading") {
<Button variant={"outline"} disabled>
<Loader2 className="animate-spin" />
</Button>;
}
return (
<Popover>
<PopoverTrigger asChild>
<Button className="w-fit px-2" variant="outline">
<UserIcon />
</Button>
</PopoverTrigger>
<PopoverContent className="w-fit">
<div className="grid gap-4">
<div className="space-y-2">
<h4 className="font-medium leading-none">
{session.data?.user?.name}
</h4>
<p className="text-sm text-muted-foreground">
{session.data?.user?.phoneNumber}
</p>
</div>
<Button
disabled={loading}
onClick={async () => {
setLoading(true);
await signOut();
setLoading(false);
}}
>
{loading ? <Loader2 className="animate-spin" /> : "Logout"}
</Button>
</div>
</PopoverContent>
</Popover>
);
}