From 6da69b57c7292bb7bedaa8b6a1d67618e2167998 Mon Sep 17 00:00:00 2001
From: corsacca <corsacca@gmail.com>
Date: Thu, 21 May 2026 10:51:17 +0100
Subject: [PATCH] Make CMS rows clickable

---
 app/pages/admin/pages/categories/index.vue | 6 ++++--
 app/pages/admin/pages/index.vue            | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/pages/admin/pages/categories/index.vue b/app/pages/admin/pages/categories/index.vue
index 1f051a34..89340d6b 100644
--- a/app/pages/admin/pages/categories/index.vue
+++ b/app/pages/admin/pages/categories/index.vue
@@ -19,6 +19,7 @@ interface CategoryRow {
 }
 
 const toast = useToast()
+const router = useRouter()
 
 const { data, pending, error, refresh } = await useFetch<{ rows: CategoryRow[] }>(
   '/api/admin/categories',
@@ -102,7 +103,8 @@ async function confirmDelete() {
           <tr
             v-for="row in data.rows"
             :key="row.id"
-            class="border-t border-(--ui-border) hover:bg-(--ui-bg-elevated)"
+            class="border-t border-(--ui-border) hover:bg-(--ui-bg-elevated) cursor-pointer"
+            @click="router.push(`/admin/pages/categories/${row.id}`)"
           >
             <td class="px-3 py-2">{{ englishName(row) }}</td>
             <td class="px-3 py-2 font-mono">{{ row.slug }}</td>
@@ -124,7 +126,7 @@ async function confirmDelete() {
                 {{ row.page_count }}
               </UBadge>
             </td>
-            <td class="px-3 py-2 text-right">
+            <td class="px-3 py-2 text-right" @click.stop>
               <div class="flex justify-end gap-1">
                 <UButton
                   size="xs"
diff --git a/app/pages/admin/pages/index.vue b/app/pages/admin/pages/index.vue
index 4bdfda71..33c9a1c3 100644
--- a/app/pages/admin/pages/index.vue
+++ b/app/pages/admin/pages/index.vue
@@ -222,7 +222,8 @@ const filteredRows = computed<PageRow[]>(() => {
           <tr
             v-for="row in filteredRows"
             :key="row.id"
-            class="border-t border-(--ui-border) hover:bg-(--ui-bg-elevated)"
+            class="border-t border-(--ui-border) hover:bg-(--ui-bg-elevated) cursor-pointer"
+            @click="router.push(`/admin/pages/${row.id}`)"
           >
             <td class="px-3 py-2">
               <span v-if="row.title_en">{{ row.title_en }}</span>
@@ -239,7 +240,7 @@ const filteredRows = computed<PageRow[]>(() => {
               </UBadge>
             </td>
             <td class="px-3 py-2 text-(--ui-text-muted)">{{ formatDate(row.updated) }}</td>
-            <td class="px-3 py-2 text-right">
+            <td class="px-3 py-2 text-right" @click.stop>
               <UButton
                 size="xs"
                 variant="outline"