feat: next:topページの表にリンク生成 #149

shari-sushi · Mar 2, 2024 · c167e8e · c167e8e
1 parent 2832062
commit c167e8e
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/t0016Next/myapp/src/components/table/Vtuber.tsx b/t0016Next/myapp/src/components/table/Vtuber.tsx
@@ -57,7 +57,19 @@ export function VtuberTable({ posts }: VtuberTableProps) {
 
 
 const columns: Column<ReceivedVtuber>[] = [
-    { Header: 'VTuber', accessor: 'VtuberName' },
+    {
+        Header: 'VTuber(click it)', accessor: 'VtuberName',
+        Cell: ({ row }: { row: { original: ReceivedVtuber } }) => {
+            return (
+                <span className="relative">
+                    <Link href={`/vtuber/${row.original.VtuberKana}`} className="flex">
+                        <img src="/content/external_link.svg" className='w-5 mr-1' />
+                        {row.original.VtuberName}
+                    </Link>
+                </span>
+            )
+        },
+    },
     { Header: 'kana', accessor: 'VtuberKana' },
     {
         Header: '紹介動画', accessor: 'IntroMovieUrl',