markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-07-02 12:59:20 +00:00
Code Releases Packages Activity

NORY-22: dynamically display identity traits

Browse source
This commit is contained in:
Markus Thielker 2024-12-13 19:36:12 +01:00
parent aef8e84048
commit 4736148219
No known key found for this signature in database
3 changed files with 196 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,15 +1,29 @@
import React from 'react';
import { getIdentityApi } from '@/ory/sdk/server';
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';
export default async function UserDetailsPage({ params }: { params: Promise<{ id: string }> }) {
const identityId = (await params).id;
console.log('Loading identity', identityId);
const identityApi = await getIdentityApi();
const identity = await identityApi.getIdentity({ id: identityId })
const identity = await identityApi.getIdentity({
id: identityId,
includeCredential: [
'code',
'code_recovery',
'link_recovery',
'lookup_secret',
'oidc',
'passkey',
'password',
'totp',
'webauthn',
],
})
.then((response) => response.data)
.catch(() => {
console.log('Identity not found');
@ -27,6 +41,10 @@ export default async function UserDetailsPage({ params }: { params: Promise<{ id
message="The identity you are trying to see exists but has no identifiable address"/>;
}
const identitySchema = await identityApi
.getIdentitySchema({ id: identity.schema_id })
.then((response) => response.data as KratosSchema);
const address = identity.verifiable_addresses[0];
return (
@ -35,6 +53,35 @@ export default async function UserDetailsPage({ params }: { params: Promise<{ id
<p className="text-3xl font-bold leading-tight tracking-tight">{address.value}</p>
<p className="text-lg font-light">{identity.id}</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<Card>
<CardHeader>
<CardTitle>Traits</CardTitle>
<CardDescription>All identity properties specified in the identity schema</CardDescription>
</CardHeader>
<CardContent>
<IdentityTraitForm schema={identitySchema} identity={identity}/>
</CardContent>
</Card>
<Card>
<CardHeader>
<CardTitle>Addresses</CardTitle>
<CardDescription></CardDescription>
</CardHeader>
</Card>
<Card>
<CardHeader>
<CardTitle>Credentials</CardTitle>
<CardDescription>All authentication mechanisms registered with this identity</CardDescription>
</CardHeader>
</Card>
<Card>
<CardHeader>
<CardTitle>Sessions</CardTitle>
<CardDescription>See and manage all sessions of this identity</CardDescription>
</CardHeader>
</Card>
</div>
</div>
);
}