From 8d002841cc823c29f9c0f17d844b8b130e04705d Mon Sep 17 00:00:00 2001
From: Sosokker <sirinza29@gmail.com>
Date: Thu, 7 Nov 2024 05:22:08 +0700
Subject: [PATCH] ui: improve admin ui

---
 src/app/admin/BusinessTable.tsx | 8 ++++++--
 src/app/admin/page.tsx          | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/admin/BusinessTable.tsx b/src/app/admin/BusinessTable.tsx
index cfa1eb2..1a156eb 100644
--- a/src/app/admin/BusinessTable.tsx
+++ b/src/app/admin/BusinessTable.tsx
@@ -37,12 +37,16 @@ const BusinessTable = ({ businesses }: BusinessTableProps) => {
             <TableRow key={business.id}>
               <TableCell>
                 <Link href={`/admin/business/${business.id}/projects`}>
-                  <p className="hover:text-blue-600">{business.business_name}</p>
+                  <p className="text-blue-600 hover:bg-blue-100 dark:text-blue-400 dark:hover:bg-blue-700 border border-transparent hover:border-blue-300 rounded-md px-2 py-1 cursor-pointer transition duration-200">
+                    {business.business_name}
+                  </p>
                 </Link>
               </TableCell>
               <TableCell>
                 <Link href={`/profile/${business.user_id}`}>
-                  <p className="hover:text-blue-600">{business.username}</p>
+                  <p className="text-blue-600 hover:bg-blue-100 dark:text-blue-400 dark:hover:bg-blue-700 border border-transparent hover:border-blue-300 rounded-md px-2 py-1 cursor-pointer transition duration-200">
+                    {business.username}
+                  </p>
                 </Link>
               </TableCell>
               <TableCell>{business.business_type}</TableCell>
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 4d289ae..5595fa6 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -2,6 +2,7 @@ import { getAllBusinesses } from "@/lib/data/businessQuery";
 import { createSupabaseClient } from "@/lib/supabase/serverComponentClient";
 import BusinessTable from "./BusinessTable";
 import { Separator } from "@/components/ui/separator";
+import Link from "next/link";
 
 export default async function AdminPage() {
   const client = createSupabaseClient();
@@ -15,6 +16,14 @@ export default async function AdminPage() {
     <div className="container max-w-screen-xl my-4">
       <h1 className="text-2xl font-bold">Business List</h1>
       <Separator className="my-3" />
+
+      {/* Navigation Links */}
+      <div className="mb-4">
+        <Link href="/admin/business" passHref>
+          <button className="px-4 py-2 bg-blue-500 text-white rounded-md">Go to Business Application</button>
+        </Link>
+      </div>
+
       <BusinessTable businesses={data} />
     </div>
   );