From 7080078092ccee4c02477bacbc2997a052abb615 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Sat, 14 Dec 2024 02:18:05 +0100
Subject: [PATCH] NORY-22: list all linked credentials

---
 dashboard/src/app/user/[id]/page.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/dashboard/src/app/user/[id]/page.tsx b/dashboard/src/app/user/[id]/page.tsx
index 6453ec5..8c7b31d 100644
--- a/dashboard/src/app/user/[id]/page.tsx
+++ b/dashboard/src/app/user/[id]/page.tsx
@@ -4,6 +4,7 @@ import { ErrorDisplay } from '@/components/error';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { IdentityTraitForm } from '@/components/forms/IdentityTraitForm';
 import { KratosSchema } from '@/lib/forms/identity-form';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 
 export default async function UserDetailsPage({ params }: { params: Promise<{ id: string }> }) {
 
@@ -74,6 +75,28 @@ export default async function UserDetailsPage({ params }: { params: Promise<{ id
                         <CardTitle>Credentials</CardTitle>
                         <CardDescription>All authentication mechanisms registered with this identity</CardDescription>
                     </CardHeader>
+                    <CardContent className="space-y-4">
+                        <Table>
+                            <TableHeader>
+                                <TableRow>
+                                    <TableHead>Type</TableHead>
+                                    <TableHead>Value</TableHead>
+                                </TableRow>
+                            </TableHeader>
+                            <TableBody>
+                                {
+                                    Object.entries(identity.credentials).map(([key, value]) => {
+                                        return (
+                                            <TableRow key={key}>
+                                                <TableCell>{key}</TableCell>
+                                                <TableCell>{value.identifiers[0]}</TableCell>
+                                            </TableRow>
+                                        );
+                                    })
+                                }
+                            </TableBody>
+                        </Table>
+                    </CardContent>
                 </Card>
                 <Card>
                     <CardHeader>