Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | 1x 1x 1x 1x 1x 1x 1x 1x 1x | "use client";
import React from "react";
import { Button } from "@/components/ui";
interface DashboardTabProps {
userName: string;
onLogout: () => void;
}
export default function DashboardTab({ userName, onLogout }: DashboardTabProps) {
return (
<div className="xl:max-w-[770px] w-full bg-white dark:bg-gray-800 rounded-xl shadow-1 py-9.5 px-4 sm:px-7.5 xl:px-10">
<p className="text-dark dark:text-gray-100">
Hello {userName} (not {userName}?
<Button
onClick={onLogout}
variant="ghost"
size="sm"
className="text-red ease-out duration-200 hover:underline ml-1"
>
Log Out
</Button>
)
</p>
<p className="text-custom-sm mt-4 dark:text-gray-300">
From your account dashboard you can view your recent orders,
manage your shipping and billing addresses, and edit your
password and account details.
</p>
</div>
);
}
|