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

fix: build bug due to invalid session use

Browse source
This commit is contained in:
tampler 2025-01-25 17:06:31 +03:00
parent 38488d71e8
commit 12f61cfea9
4 changed files with 19 additions and 8346 deletions
Download patch file Download diff file Expand all files Collapse all files

26
authentication/src/components/sessionItem.tsx
View file

@ -1,9 +1,9 @@
'use client';
import React, { useState } from 'react';
import React, { useEffect, useState } from 'react';
import { Session, SessionDevice } from '@ory/client';
import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { UAParser } from 'ua-parser-js';
import { IResult, UAParser } from 'ua-parser-js';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
@ -14,17 +14,21 @@ interface SessionItemProps {
}
export default function SessionItem({ session, showInvalidate, invalidateSession }: SessionItemProps) {
const [result, setResult] = useState<IResult | null>(null)
useEffect(() => {
if (!session.devices || session.devices.length < 1) {
return;
}
const device = session.devices[0]
if (!session.devices || session.devices.length < 1) {
return;
}
const parser = new UAParser(device.user_agent);
setResult(parser.getResult());
const [device] = useState<SessionDevice>(session.devices[0]);
}, [setResult, session])
const parser = new UAParser(device.user_agent);
const result = parser.getResult();
return (
return result ? (
<Card className="relative w-full">
<CardHeader>
<CardTitle>
@ -49,5 +53,7 @@ export default function SessionItem({ session, showInvalidate, invalidateSession
</Badge>
}
</Card>
) : (
<div>Loading...</div>
);
}