3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-03 20:26:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎨 Add icon to polls page

Browse source
This commit is contained in:
Luke Vella 2024-05-12 13:58:12 +08:00
parent 0da3d54257
commit 615c43d777
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/web/src/app/[locale]/(admin)/polls/[[...list]]/columns.tsx
View file

@ -1,7 +1,9 @@
import { PollStatus } from "@rallly/database"; import { PollStatus } from "@rallly/database";
import { Icon } from "@rallly/ui/icon";
import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
import { createColumnHelper } from "@tanstack/react-table"; import { createColumnHelper } from "@tanstack/react-table";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { BarChart2Icon } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import React from "react"; import React from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@ -44,14 +46,18 @@ export const usePollColumns = () => {
size: 1000, size: 1000,
cell: ({ row }) => { cell: ({ row }) => {
return ( return (
<Link <div>
href={`/invite/${row.original.id}`} <Link
className="group absolute inset-0 flex items-center gap-x-2.5 px-4" href={`/invite/${row.original.id}`}
> className="group absolute inset-0 flex items-center gap-x-2.5"
<span className="min-w-0 truncate whitespace-nowrap text-sm font-medium group-hover:underline"> />
<span className="flex items-center gap-x-2.5 truncate whitespace-nowrap text-sm font-medium group-hover:underline">
<Icon>
<BarChart2Icon />
</Icon>
{row.original.title} {row.original.title}
</span> </span>
</Link> </div>
); );
}, },
}), }),