34 lines
820 B
TypeScript
34 lines
820 B
TypeScript
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>
|
|
);
|
|
}
|