markus/next-ory
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases 1 Packages Wiki Activity Actions

NORY-22: list all identity sessions

Browse source
This commit is contained in:
Markus Thielker 2024-12-14 13:17:00 +01:00
parent 63affda5fa
commit 26a25f9d7d
No known key found for this signature in database
1 changed files with 52 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
dashboard/src/app/user/[id]/page.tsx
View file

@ -5,6 +5,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
import { IdentityTraitForm } from '@/components/forms/IdentityTraitForm'; import { IdentityTraitForm } from '@/components/forms/IdentityTraitForm';
import { KratosSchema } from '@/lib/forms/identity-form'; import { KratosSchema } from '@/lib/forms/identity-form';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
import { UAParser } from 'ua-parser-js';
export default async function UserDetailsPage({ params }: { params: Promise<{ id: string }> }) { export default async function UserDetailsPage({ params }: { params: Promise<{ id: string }> }) {
@ -20,6 +21,15 @@ export default async function UserDetailsPage({ params }: { params: Promise<{ id
console.log('Identity not found'); console.log('Identity not found');
}); });
const sessions = await identityApi.listIdentitySessions({ id: identityId })
.then((response) => {
console.log('sessions', response.data);
return response.data;
})
.catch(() => {
console.log('No sessions found');
});
if (!identity) { if (!identity) {
return <ErrorDisplay return <ErrorDisplay
title="Identity not found" title="Identity not found"
@ -93,6 +103,48 @@ export default async function UserDetailsPage({ params }: { params: Promise<{ id
<CardTitle>Sessions</CardTitle> <CardTitle>Sessions</CardTitle>
<CardDescription>See and manage all sessions of this identity</CardDescription> <CardDescription>See and manage all sessions of this identity</CardDescription>
</CardHeader> </CardHeader>
<CardContent>
<Table>
<TableHeader>
<TableRow>
<TableHead>OS</TableHead>
<TableHead>Browser</TableHead>
<TableHead>Active since</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{
sessions ?
sessions.map((session) => {
const device = session.devices![0];
const parser = new UAParser(device.user_agent);
const result = parser.getResult();
return (
<TableRow key={session.id}>
<TableCell className="space-x-1">
<span>{result.os.name}</span>
<span
className="text-xs text-neutral-500">{result.os.version}</span>
</TableCell>
<TableCell className="space-x-1">
<span>{result.browser.name}</span>
<span
className="text-xs text-neutral-500">{result.browser.version}</span>
</TableCell>
<TableCell>
{new Date(session.authenticated_at!).toLocaleString()}
</TableCell>
</TableRow>
);
})
:
<ErrorDisplay title="No sessions" message=""/>
}
</TableBody>
</Table>
</CardContent>
</Card> </Card>
</div> </div>
</div> </div>