app cards with action menu and tooltips

2026-06-27 00:00:13 -05:00
parent 91ef732eeb
commit 69f269efc7
10 changed files with 236 additions and 16 deletions
@@ -0,0 +1,29 @@
+import AppCard from "@/components/app-card";
+
+export default function Dashboard() {
+  const mockService = {
+    id: crypto.randomUUID(),
+    name: "Redis",
+    address: "127.0.0.1:6379",
+  };
+
+  const mockServiceDesc = {
+    id: crypto.randomUUID(),
+    name: "Postgres",
+    address: "127.0.0.1:5432",
+    description: "An disk-based database, with full modularity.",
+  };
+
+  return (
+    <main>
+      {/* Heading */}
+      <div>
+        <h1 className="text-5xl font-bold text-black">Dashboard</h1>
+      </div>
+      <div className="mt-4 grid xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
+        <AppCard app={mockService} />
+        <AppCard app={mockServiceDesc} />
+      </div>
+    </main>
+  );
+}