From 45f85fa837c276c060d11731a9ac7f5b342c7ee5 Mon Sep 17 00:00:00 2001
From: ppc <albie@ppc.moe>
Date: Sat, 10 Aug 2024 18:09:09 +0100
Subject: [PATCH] make server title clickable

---
 aimenet-web/src/components/am-card.tsx   | 7 ++++---
 aimenet-web/src/pages/server-listing.tsx | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/aimenet-web/src/components/am-card.tsx b/aimenet-web/src/components/am-card.tsx
index 0d33253..c28727f 100644
--- a/aimenet-web/src/components/am-card.tsx
+++ b/aimenet-web/src/components/am-card.tsx
@@ -9,12 +9,13 @@ export interface AMCardActionProps {
     actionDisabled?: boolean,
 }
 
-export function AMCard(props: AMCardActionProps & { title: string, children: Readonly<React.ReactNode> }) {
+export function AMCard(props: AMCardActionProps & { title: string, titlePerformsAction?: boolean, children: Readonly<React.ReactNode> }) {
     return (
         <Card>
-            <div className="grid grid-cols-[1fr_40px] items-center gap-1 p-4 pr-2 sm:p-6">
+            <div className={`${props.actionClicked ? 'grid grid-cols-[1fr_40px] items-center gap-1' : ''} p-4 pr-2 sm:p-6`}>
                 <div className="max-w-full overflow-hidden space-y-3">
-                    <h4 className="text-2xl font-semibold select-none text-ellipsis whitespace-nowrap overflow-hidden">
+                    <h4 className="text-2xl font-semibold select-none text-ellipsis whitespace-nowrap overflow-hidden"
+                        onClick={() => props.titlePerformsAction && props.actionClicked ? props.actionClicked() : null}>
                         {props.title}
                     </h4>
                     <div className="text-sm lg:text-md flex flex-auto flex-wrap gap-3">
diff --git a/aimenet-web/src/pages/server-listing.tsx b/aimenet-web/src/pages/server-listing.tsx
index 2685f37..3ca3b09 100644
--- a/aimenet-web/src/pages/server-listing.tsx
+++ b/aimenet-web/src/pages/server-listing.tsx
@@ -62,7 +62,7 @@ function ServerList(props: { servers: AimeServer[] | undefined }) {
         {props.servers.map(s =>
             <ContextMenu key={s.id}>
                 <ContextMenuTrigger>
-                    <AMCard title={s.server_name} actionClicked={() => navigate(`/servers/${s.id}`)}>
+                    <AMCard title={s.server_name} titlePerformsAction actionClicked={() => navigate(`/servers/${s.id}`)}>
                         {s.lastConnected > 0 && (
                             <AMCardDetail>
                                 <History className="h-5 w-5"/>