Fix

lukevella · Jan 13, 2024 · d4e7013 · d4e7013
1 parent 19f40c3
commit d4e7013
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/apps/web/src/app/[locale]/(admin)/polls/polls-list.tsx b/apps/web/src/app/[locale]/(admin)/polls/polls-list.tsx
@@ -4,7 +4,7 @@ import { Button } from "@rallly/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
 import { createColumnHelper, PaginationState } from "@tanstack/react-table";
 import dayjs from "dayjs";
-import { InboxIcon, PlusIcon, UsersIcon } from "lucide-react";
+import { ArrowRightIcon, InboxIcon, PlusIcon, UsersIcon } from "lucide-react";
 import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import React from "react";
@@ -100,12 +100,13 @@ export function PollsList() {
           size: 5000,
           cell: ({ row }) => {
             return (
-              <div className="relative">
-                <Link className="group" href={`/poll/${row.original.id}`}>
-                  <h3 className="font-semibold whitespace-nowrap mb-1 text-gray-600 group-hover:text-gray-900 group-hover:underline">
+              <div>
+                <Link className="group block" href={`/poll/${row.original.id}`}>
+                  <h3 className="font-semibold inline-flex gap-x-2 items-center whitespace-nowrap mb-1 text-gray-600 group-hover:text-gray-900">
                     {row.original.title}
+                    <ArrowRightIcon className="h-4 w-4 inline-block opacity-0 group-focus:translate-x-1 transition-all group-hover:opacity-100" />
                   </h3>
-                  <div className="">
+                  <div>
                     {row.original.event ? (
                       <p className="text-sm text-muted-foreground">
                         {row.original.event.duration === 0