diff --git a/src/app/onboarding/no-role/page.tsx b/src/app/(auth)/onboarding/no-role/page.tsx
similarity index 100%
rename from src/app/onboarding/no-role/page.tsx
rename to src/app/(auth)/onboarding/no-role/page.tsx
diff --git a/src/app/dashboard/(active)/account/delete-passkey.tsx b/src/app/dashboard/(active)/account/delete-passkey.tsx
new file mode 100644
index 0000000..15e2e65
--- /dev/null
+++ b/src/app/dashboard/(active)/account/delete-passkey.tsx
@@ -0,0 +1,53 @@
+"use client"
+
+import { Trash2Icon } from "lucide-react"
+import { useRouter } from "next/navigation"
+import { toast } from "sonner"
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogMedia,
+ AlertDialogTitle,
+ AlertDialogTrigger,
+} from "@/components/ui/alert-dialog"
+import { Button } from "@/components/ui/button"
+import { auth } from "@/lib/auth"
+
+export function DeletePasskey({ id }: { id: string }) {
+ const router = useRouter()
+
+ async function deletePasskey() {
+ const { data, error } = await auth.passkey.deletePasskey({ id })
+ if (!data || error) return toast.error("There was an error")
+ toast.success("Passkey deleted!")
+ router.refresh()
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ Remove passkey
+ Are you sure you want to delete this passkey?
+
+
+ Cancel
+
+ Confirm
+
+
+
+
+ )
+}
diff --git a/src/app/dashboard/(active)/account/page.tsx b/src/app/dashboard/(active)/account/page.tsx
index 7ee6670..e4bfd12 100644
--- a/src/app/dashboard/(active)/account/page.tsx
+++ b/src/app/dashboard/(active)/account/page.tsx
@@ -1,7 +1,11 @@
-import { CircleAlert, UserIcon } from "lucide-react"
+import { Calendar, CircleAlert, KeyIcon, UserIcon } from "lucide-react"
+import { headers } from "next/headers"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { auth } from "@/lib/auth"
import { getInitials } from "@/lib/utils"
import { getServerSession } from "@/server/auth"
+import { DeletePasskey } from "./delete-passkey"
+import { NewPasskeyButton } from "./passkey-button"
import { SetName } from "./set-name"
import { Telegram } from "./telegram"
@@ -9,13 +13,20 @@ export default async function Account() {
const { data: session } = await getServerSession()
if (!session) return
+ const { data: passkeys, error } = await auth.passkey.listUserPasskeys({
+ fetchOptions: {
+ headers: await headers(),
+ },
+ })
+
+ console.log(passkeys, error)
+
const { user } = session
return (
Account
-
-
+
{user.image && }
@@ -40,6 +51,25 @@ export default async function Account() {