ui: Redesign the settings page and move it to its own layout

1 files changed, 0 insertions, 33 deletions

diff --git a/apps/web/components/dashboard/settings/UserDetails.tsx b/apps/web/components/dashboard/settings/UserDetails.tsx
deleted file mode 100644
index 471a6e09..00000000
--- a/apps/web/components/dashboard/settings/UserDetails.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Input } from "@/components/ui/input";
-import { api } from "@/server/api/client";
-
-export default async function UserDetails() {
-  const whoami = await api.users.whoami();
-
-  const details = [
-    {
-      label: "Name",
-      value: whoami.name ?? undefined,
-    },
-    {
-      label: "Email",
-      value: whoami.email ?? undefined,
-    },
-  ];
-
-  return (
-    <div className="mb-8 flex w-full flex-col sm:flex-row">
-      <div className="mb-4 w-full text-lg font-medium sm:w-1/3">
-        Basic Details
-      </div>
-      <div className="w-full">
-        {details.map(({ label, value }) => (
-          <div className="mb-2" key={label}>
-            <div className="mb-2 text-sm font-medium">{label}</div>
-            <Input value={value} disabled />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}