alma/NeahFront7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

widget parole 1

Browse Source
This commit is contained in:
Alma 2025-04-12 23:59:59 +02:00
parent c5af9ef59a
commit 78e37c8969
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/parole.tsx
View File

@ -84,9 +84,12 @@ export function Parole() {
if (status === 'loading') { if (status === 'loading') {
return ( return (
<Card className="bg-white/50 backdrop-blur-sm"> <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Talk mentions</CardTitle>
</CardHeader>
<CardContent className="p-6"> <CardContent className="p-6">
<p className="text-center text-muted-foreground">Loading...</p> <p className="text-center text-gray-500">Loading...</p>
</CardContent> </CardContent>
</Card> </Card>
); );
@ -94,16 +97,20 @@ export function Parole() {
if (status === 'unauthenticated' || (error && error.includes('Session expired'))) { if (status === 'unauthenticated' || (error && error.includes('Session expired'))) {
return ( return (
<Card className="bg-white/50 backdrop-blur-sm"> <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Talk mentions</CardTitle>
</CardHeader>
<CardContent className="p-6"> <CardContent className="p-6">
<div className="text-center"> <div className="text-center">
<p className="text-muted-foreground mb-4">Please sign in to view messages</p> <p className="text-gray-500 mb-4">Please sign in to view messages</p>
<Button <Button
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
signIn('keycloak'); signIn('keycloak');
}} }}
variant="default" variant="default"
className="bg-blue-600 hover:bg-blue-700 text-white"
> >
Sign In Sign In
</Button> </Button>
@ -115,7 +122,7 @@ export function Parole() {
return ( return (
<Card <Card
className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg" className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full cursor-pointer"
onClick={() => router.push('/parole')} onClick={() => router.push('/parole')}
> >
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100"> <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">