From 41f739202b5cda24d9f5d98679a635ed4aa8bfc7 Mon Sep 17 00:00:00 2001
From: marvinoffers <hi@marvinoffers.de>
Date: Tue, 28 Oct 2025 19:10:29 +0100
Subject: [PATCH] feat: make website table rows clickable

---
 .../websites/WebsitesTable.module.css         | 11 ++++++++
 .../settings/websites/WebsitesTable.tsx       | 26 +++++++++++++++++--
 2 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 src/app/(main)/settings/websites/WebsitesTable.module.css

diff --git a/src/app/(main)/settings/websites/WebsitesTable.module.css b/src/app/(main)/settings/websites/WebsitesTable.module.css
new file mode 100644
index 00000000..40e96b2f
--- /dev/null
+++ b/src/app/(main)/settings/websites/WebsitesTable.module.css
@@ -0,0 +1,11 @@
+.row {
+  color: inherit;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.row:visited {
+  color: inherit;
+}
diff --git a/src/app/(main)/settings/websites/WebsitesTable.tsx b/src/app/(main)/settings/websites/WebsitesTable.tsx
index 79749b97..d8601a53 100644
--- a/src/app/(main)/settings/websites/WebsitesTable.tsx
+++ b/src/app/(main)/settings/websites/WebsitesTable.tsx
@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics';
 import { useMessages, useTeamUrl } from '@/components/hooks';
 import LinkButton from '@/components/common/LinkButton';
+import Link from 'next/link';
+import styles from './WebsitesTable.module.css';
 
 export interface WebsitesTableProps {
   data: any[];
@@ -28,8 +30,28 @@ export function WebsitesTable({
 
   return (
     <GridTable data={data}>
-      <GridColumn name="name" label={formatMessage(labels.name)} />
-      <GridColumn name="domain" label={formatMessage(labels.domain)} />
+      <GridColumn name="name" label={formatMessage(labels.name)}>
+        {row =>
+          allowView ? (
+            <Link href={renderTeamUrl(`/websites/${row.id}`)} className={styles.row}>
+              {row.name}
+            </Link>
+          ) : (
+            row.name
+          )
+        }
+      </GridColumn>
+      <GridColumn name="domain" label={formatMessage(labels.domain)}>
+        {row =>
+          allowView ? (
+            <Link href={renderTeamUrl(`/websites/${row.id}`)} className={styles.row}>
+              {row.domain}
+            </Link>
+          ) : (
+            row.domain
+          )
+        }
+      </GridColumn>
       {showActions && (
         <GridColumn name="action" label=" " alignment="end">
           {row => {