From 7f989a3cc4dee31d0b53565b298a1f708e1c1c3a Mon Sep 17 00:00:00 2001
From: Duyet Le <me@duyet.net>
Date: Tue, 28 May 2024 15:02:20 +0700
Subject: [PATCH] chore(ui): alternative table extras show current table name
 instead of database

---
 .../[table]/extras/alternative-tables.tsx         |  2 +-
 app/play/page.tsx                                 | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 app/play/page.tsx

diff --git a/app/database/[database]/[table]/extras/alternative-tables.tsx b/app/database/[database]/[table]/extras/alternative-tables.tsx
index d01b13a0..2b753220 100644
--- a/app/database/[database]/[table]/extras/alternative-tables.tsx
+++ b/app/database/[database]/[table]/extras/alternative-tables.tsx
@@ -41,7 +41,7 @@ export async function AlternativeTables({
           className="group flex flex-row gap-2 text-muted-foreground"
         >
           <CardStackMinusIcon className="size-3" />
-          {database}
+          {table}
           <ChevronDownIcon
             className="size-3 transition duration-300 group-data-[state=open]:rotate-180"
             aria-hidden="true"
diff --git a/app/play/page.tsx b/app/play/page.tsx
new file mode 100644
index 00000000..ebf6fe5e
--- /dev/null
+++ b/app/play/page.tsx
@@ -0,0 +1,15 @@
+import { ErrorAlert } from '@/components/error-alert'
+import { SingleLineSkeleton, TableSkeleton } from '@/components/skeleton'
+
+export default function Play() {
+  return (
+    <>
+      <TableSkeleton />
+      <TableSkeleton cols={5} />
+      <ErrorAlert message="Error message" query="SELECT 1" />
+      <SingleLineSkeleton />
+      <SingleLineSkeleton className="w-[300px]" />
+      <SingleLineSkeleton className="w-[200px] space-x-0 pt-0" />
+    </>
+  )
+}