markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-04-10 11:58:41 +00:00
Code Releases Packages Activity

Refactor session invalidation logic for improved readability and structure.

Browse source 
Fix: `./src/components/accountSessions.tsx
      27:8  Warning: React Hook useCallback has a missing dependency: 'loadSessions'. Either include it or remove the dependency array.  react-hooks/exhaustive-deps
      50:8  Warning: React Hook useEffect has a missing dependency: 'loadSessions'. Either include it or remove the dependency array.  react-hooks/exhaustive-deps`
This commit is contained in:
dotX12 2025-01-26 16:43:17 +03:00
parent 12f61cfea9
commit d73f90b6ce
1 changed files with 36 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
authentication/src/components/accountSessions.tsx
View file

@ -7,27 +7,10 @@ import SessionItem from '@/components/sessionItem';
import { Separator } from '@/components/ui/separator';
export default function AccountSessions() {
const [current, setCurrent] = useState<Session>();
const [sessions, setSessions] = useState<Session[]>();
const invalidateSession = useCallback(async (id: string) => {
console.log('Disabling session with id', id);
kratos.disableMySession({ id: id })
.then(() => console.log('Disabled session with id', id))
.catch(() => console.error('Error while disabling session with id', id))
.finally(() => {
loadSessions().then((response) => {
setCurrent(response.current);
setSessions(response.sessions);
});
});
}, []);
const loadSessions = useCallback(async () => {
console.log('Refreshing sessions');
const current = await kratos.toSession();
@ -42,38 +25,49 @@ export default function AccountSessions() {
};
}, []);
const invalidateSession = useCallback(
async (id: string) => {
console.log('Disabling session with id', id);
kratos
.disableMySession({ id: id })
.then(() => console.log('Disabled session with id', id))
.catch(() => console.error('Error while disabling session with id', id))
.finally(() => {
loadSessions().then((response) => {
setCurrent(response.current);
setSessions(response.sessions);
});
});
},
[loadSessions]
);
useEffect(() => {
loadSessions().then(response => {
loadSessions().then((response) => {
setCurrent(response.current);
setSessions(response.sessions);
});
}, []);
}, [loadSessions]);
return (
<div className="flex flex-col items-center space-y-4 w-full max-w-md">
{
current ?
<SessionItem session={current!!} showInvalidate={false} invalidateSession={invalidateSession}/>
:
<></>
}
{
sessions && sessions.length > 0 ?
<Separator/>
:
<></>
}
{
sessions?.map(item => {
return (
<SessionItem
key={item.id}
session={item}
showInvalidate={true}
invalidateSession={invalidateSession}/>
);
})
}
{current ? (
<SessionItem session={current!!} showInvalidate={false} invalidateSession={invalidateSession} />
) : (
<></>
)}
{sessions && sessions.length > 0 ? <Separator /> : <></>}
{sessions?.map((item) => {
return (
<SessionItem
key={item.id}
session={item}
showInvalidate={true}
invalidateSession={invalidateSession}
/>
);
})}
</div>
);
}