g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
NotII
2025-04-02 00:42:42 +01:00
parent 466137a74a
commit fbcca15995
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/dashboard/storefront/customers/page.tsx
View File

@@ -138,8 +138,8 @@ export default function CustomerManagementPage() {
</h1> </h1>
</div> </div>
<div className="bg-black rounded-lg shadow overflow-hidden"> <div className="bg-black/40 border border-zinc-800 rounded-md overflow-hidden">
<div className="p-4 border-b border-gray-800 flex justify-between items-center"> <div className="p-4 border-b border-zinc-800 bg-black/60 flex justify-between items-center">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="text-sm font-medium text-gray-400">Show:</div> <div className="text-sm font-medium text-gray-400">Show:</div>
@@ -177,9 +177,9 @@ export default function CustomerManagementPage() {
</div> </div>
) : ( ) : (
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<Table className="border-t border-gray-800 bg-black"> <Table className="[&_tr]:border-b [&_tr]:border-zinc-800 [&_tr:last-child]:border-b-0 [&_td]:border-r [&_td]:border-zinc-800 [&_td:last-child]:border-r-0 [&_th]:border-r [&_th]:border-zinc-800 [&_th:last-child]:border-r-0 [&_tr:hover]:bg-zinc-900/70">
<TableHeader className="bg-black"> <TableHeader className="bg-black/60 sticky top-0 z-10">
<TableRow className="hover:bg-gray-900 border-gray-800"> <TableRow>
<TableHead className="w-[250px] text-gray-300">Customer</TableHead> <TableHead className="w-[250px] text-gray-300">Customer</TableHead>
<TableHead <TableHead
className="cursor-pointer w-[100px] text-gray-300" className="cursor-pointer w-[100px] text-gray-300"
@@ -202,11 +202,11 @@ export default function CustomerManagementPage() {
<TableHead className="w-[250px] text-gray-300">Status</TableHead> <TableHead className="w-[250px] text-gray-300">Status</TableHead>
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody className="bg-black"> <TableBody>
{customers.map((customer) => ( {customers.map((customer) => (
<TableRow <TableRow
key={customer.userId} key={customer.userId}
className="cursor-pointer hover:bg-gray-900 border-gray-800 bg-black" className="cursor-pointer"
onClick={() => setSelectedCustomer(customer)} onClick={() => setSelectedCustomer(customer)}
> >
<TableCell> <TableCell>
@@ -239,7 +239,7 @@ export default function CustomerManagementPage() {
</div> </div>
)} )}
<div className="p-4 border-t border-gray-800 flex justify-between items-center"> <div className="p-4 border-t border-zinc-800 bg-black/40 flex justify-between items-center">
<div className="text-sm text-gray-400"> <div className="text-sm text-gray-400">
Page {page} of {totalPages} Page {page} of {totalPages}
</div> </div>
@@ -247,7 +247,7 @@ export default function CustomerManagementPage() {
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className="border-gray-700 bg-gray-900 text-gray-300 hover:bg-gray-800 hover:text-white" className="border-gray-800 bg-black text-gray-300 hover:bg-gray-900 hover:text-white"
onClick={() => handlePageChange(Math.max(1, page - 1))} onClick={() => handlePageChange(Math.max(1, page - 1))}
disabled={page === 1 || loading} disabled={page === 1 || loading}
> >
@@ -257,7 +257,7 @@ export default function CustomerManagementPage() {
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className="border-gray-700 bg-gray-900 text-gray-300 hover:bg-gray-800 hover:text-white" className="border-gray-800 bg-black text-gray-300 hover:bg-gray-900 hover:text-white"
onClick={() => handlePageChange(Math.min(totalPages, page + 1))} onClick={() => handlePageChange(Math.min(totalPages, page + 1))}
disabled={page === totalPages || loading} disabled={page === totalPages || loading}
> >
@@ -270,7 +270,7 @@ export default function CustomerManagementPage() {
{/* Customer Details Dialog */} {/* Customer Details Dialog */}
<Dialog open={!!selectedCustomer} onOpenChange={(open) => !open && setSelectedCustomer(null)}> <Dialog open={!!selectedCustomer} onOpenChange={(open) => !open && setSelectedCustomer(null)}>
<DialogContent className="max-w-2xl bg-gray-900 text-white border-gray-700"> <DialogContent className="max-w-2xl bg-gray-900 text-white border-gray-800">
<DialogHeader> <DialogHeader>
<DialogTitle className="text-xl font-semibold flex items-center text-white"> <DialogTitle className="text-xl font-semibold flex items-center text-white">
<Users className="h-5 w-5 mr-2" /> <Users className="h-5 w-5 mr-2" />
@@ -284,7 +284,7 @@ export default function CustomerManagementPage() {
{selectedCustomer && ( {selectedCustomer && (
<div className="space-y-4"> <div className="space-y-4">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<Card className="bg-gray-800 border-gray-700"> <Card className="bg-gray-800 border-gray-800">
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="text-md font-medium text-white">Customer Information</CardTitle> <CardTitle className="text-md font-medium text-white">Customer Information</CardTitle>
</CardHeader> </CardHeader>
@@ -305,7 +305,7 @@ export default function CustomerManagementPage() {
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className="text-xs border-gray-600 text-gray-300 hover:text-white hover:bg-gray-700" className="text-xs border-gray-800 text-gray-300 hover:text-white hover:bg-gray-700"
onClick={() => { onClick={() => {
window.open(`https://t.me/${selectedCustomer.telegramUsername || selectedCustomer.telegramUserId}`, '_blank'); window.open(`https://t.me/${selectedCustomer.telegramUsername || selectedCustomer.telegramUserId}`, '_blank');
}} }}
@@ -317,7 +317,7 @@ export default function CustomerManagementPage() {
</CardContent> </CardContent>
</Card> </Card>
<Card className="bg-gray-800 border-gray-700"> <Card className="bg-gray-800 border-gray-800">
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="text-md font-medium text-white">Order Statistics</CardTitle> <CardTitle className="text-md font-medium text-white">Order Statistics</CardTitle>
</CardHeader> </CardHeader>
@@ -342,7 +342,7 @@ export default function CustomerManagementPage() {
</Card> </Card>
</div> </div>
<Card className="bg-gray-800 border-gray-700"> <Card className="bg-gray-800 border-gray-800">
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="text-md font-medium text-white">Order Status Breakdown</CardTitle> <CardTitle className="text-md font-medium text-white">Order Status Breakdown</CardTitle>
</CardHeader> </CardHeader>