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

NORY-39: replace hover card with tooltips

Browse source
This commit is contained in:
Markus Thielker 2024-12-27 10:31:48 +01:00
parent 65f04668f0
commit 2c9a97b4c7
No known key found for this signature in database
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
dashboard/src/app/(inside)/user/data-table.tsx
View file

@ -4,7 +4,6 @@ import { ColumnDef } from '@tanstack/react-table';
import { Identity } from '@ory/client'; import { Identity } from '@ory/client';
import { DataTable } from '@/components/ui/data-table'; import { DataTable } from '@/components/ui/data-table';
import { CircleCheck, CircleX, Copy, MoreHorizontal, Trash, UserCheck, UserMinus, UserPen, UserX } from 'lucide-react'; import { CircleCheck, CircleX, Copy, MoreHorizontal, Trash, UserCheck, UserMinus, UserPen, UserX } from 'lucide-react';
import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
import React, { useEffect, useRef, useState } from 'react'; import React, { useEffect, useRef, useState } from 'react';
import { FetchIdentityPageProps } from '@/app/(inside)/user/page'; import { FetchIdentityPageProps } from '@/app/(inside)/user/page';
import { Spinner } from '@/components/ui/spinner'; import { Spinner } from '@/components/ui/spinner';
@ -30,6 +29,7 @@ import {
AlertDialogTitle, AlertDialogTitle,
} from '@/components/ui/alert-dialog'; } from '@/components/ui/alert-dialog';
import { blockIdentity, deleteIdentity, deleteIdentitySessions, unblockIdentity } from '@/app/(inside)/user/action'; import { blockIdentity, deleteIdentity, deleteIdentitySessions, unblockIdentity } from '@/app/(inside)/user/action';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
interface IdentityDataTableProps { interface IdentityDataTableProps {
data: Identity[]; data: Identity[];
@ -83,24 +83,24 @@ export function IdentityDataTable({ data, pageSize, pageToken, query, fetchIdent
<span>{email.value}</span> <span>{email.value}</span>
{ {
email.verified ? email.verified ?
<HoverCard> <Tooltip>
<HoverCardTrigger> <TooltipTrigger>
<CircleCheck/> <CircleCheck/>
</HoverCardTrigger> </TooltipTrigger>
<HoverCardContent> <TooltipContent>
<span>This email was confirmed at </span> <span>This email was confirmed at </span>
{new Date(email.verified_at!!).toLocaleString()} {new Date(email.verified_at!!).toLocaleString()}
</HoverCardContent> </TooltipContent>
</HoverCard> </Tooltip>
: :
<HoverCard> <Tooltip>
<HoverCardTrigger> <TooltipTrigger>
<CircleX/> <CircleX/>
</HoverCardTrigger> </TooltipTrigger>
<HoverCardContent> <TooltipContent>
This email is not confirmed yet This email is not confirmed yet
</HoverCardContent> </TooltipContent>
</HoverCard> </Tooltip>
} }
</div> </div>
); );