From 615c43d77702d94ae7961edd3836fec596af6e75 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Sun, 12 May 2024 13:58:12 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Add=20icon=20to=20polls=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(admin)/polls/[[...list]]/columns.tsx      | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app/[locale]/(admin)/polls/[[...list]]/columns.tsx b/apps/web/src/app/[locale]/(admin)/polls/[[...list]]/columns.tsx
index 15715943a..f6216fcf4 100644
--- a/apps/web/src/app/[locale]/(admin)/polls/[[...list]]/columns.tsx
+++ b/apps/web/src/app/[locale]/(admin)/polls/[[...list]]/columns.tsx
@@ -1,7 +1,9 @@
 import { PollStatus } from "@rallly/database";
+import { Icon } from "@rallly/ui/icon";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
 import { createColumnHelper } from "@tanstack/react-table";
 import dayjs from "dayjs";
+import { BarChart2Icon } from "lucide-react";
 import Link from "next/link";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -44,14 +46,18 @@ export const usePollColumns = () => {
         size: 1000,
         cell: ({ row }) => {
           return (
-            <Link
-              href={`/invite/${row.original.id}`}
-              className="group absolute inset-0 flex items-center gap-x-2.5 px-4"
-            >
-              <span className="min-w-0 truncate whitespace-nowrap text-sm font-medium group-hover:underline">
+            <div>
+              <Link
+                href={`/invite/${row.original.id}`}
+                className="group absolute inset-0 flex items-center gap-x-2.5"
+              />
+              <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}
               </span>
-            </Link>
+            </div>
           );
         },
       }),