.
This commit is contained in:
parent
1ac0533de5
commit
ae0dabfca3
@ -11,6 +11,7 @@ import {
|
|||||||
StartPage,
|
StartPage,
|
||||||
} from "./app";
|
} from "./app";
|
||||||
import { CatalogLayout, CatalogList } from "./app/catalog";
|
import { CatalogLayout, CatalogList } from "./app/catalog";
|
||||||
|
import { DashboardPage } from "./app/dashboard";
|
||||||
import { QuotesLayout } from "./app/quotes/layout";
|
import { QuotesLayout } from "./app/quotes/layout";
|
||||||
import { QuotesList } from "./app/quotes/list";
|
import { QuotesList } from "./app/quotes/list";
|
||||||
import { ProtectedRoute } from "./components";
|
import { ProtectedRoute } from "./components";
|
||||||
@ -26,6 +27,14 @@ export const Routes = () => {
|
|||||||
|
|
||||||
// Define routes accessible only to authenticated users
|
// Define routes accessible only to authenticated users
|
||||||
const routesForAuthenticatedOnly = [
|
const routesForAuthenticatedOnly = [
|
||||||
|
{
|
||||||
|
path: "/home",
|
||||||
|
element: (
|
||||||
|
<ProtectedRoute>
|
||||||
|
<DashboardPage />
|
||||||
|
</ProtectedRoute>
|
||||||
|
),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/catalog",
|
path: "/catalog",
|
||||||
element: (
|
element: (
|
||||||
|
|||||||
@ -88,25 +88,19 @@ export const LoginPage = () => {
|
|||||||
<div className='grid items-start gap-6'>
|
<div className='grid items-start gap-6'>
|
||||||
<div className='grid gap-6'>
|
<div className='grid gap-6'>
|
||||||
<FormTextField
|
<FormTextField
|
||||||
disabled={loading}
|
required
|
||||||
|
name='email'
|
||||||
label={t("login_page.email_label")}
|
label={t("login_page.email_label")}
|
||||||
type='email'
|
type='email'
|
||||||
placeholder={t("login_page.email_placeholder")}
|
placeholder={t("login_page.email_placeholder")}
|
||||||
{...form.register("email", {
|
|
||||||
required: true,
|
|
||||||
})}
|
|
||||||
errors={form.formState.errors}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className='grid gap-6'>
|
<div className='grid gap-6'>
|
||||||
<FormTextField
|
<FormTextField
|
||||||
disabled={loading}
|
required
|
||||||
|
name='password'
|
||||||
label={t("login_page.password_label")}
|
label={t("login_page.password_label")}
|
||||||
type='password'
|
type='password'
|
||||||
{...form.register("password", {
|
|
||||||
required: true,
|
|
||||||
})}
|
|
||||||
errors={form.formState.errors}
|
|
||||||
/>
|
/>
|
||||||
<div className='mb-4 -mt-2 text-sm'>
|
<div className='mb-4 -mt-2 text-sm'>
|
||||||
<Trans i18nKey='login_page.forgotten_password' />
|
<Trans i18nKey='login_page.forgotten_password' />
|
||||||
|
|||||||
@ -1,49 +1,9 @@
|
|||||||
import { DataTableProvider } from "@/lib/hooks";
|
import { DataTableProvider } from "@/lib/hooks";
|
||||||
import {
|
|
||||||
ChevronLeft,
|
|
||||||
ChevronRight,
|
|
||||||
Copy,
|
|
||||||
CreditCard,
|
|
||||||
File,
|
|
||||||
ListFilter,
|
|
||||||
MoreVertical,
|
|
||||||
Truck,
|
|
||||||
} from "lucide-react";
|
|
||||||
import { Trans } from "react-i18next";
|
import { Trans } from "react-i18next";
|
||||||
import { QuotesDataTable } from "./components";
|
import { QuotesDataTable } from "./components";
|
||||||
|
|
||||||
import {
|
import { Button } from "@/ui";
|
||||||
Badge,
|
import { t } from "i18next";
|
||||||
Button,
|
|
||||||
Card,
|
|
||||||
CardContent,
|
|
||||||
CardDescription,
|
|
||||||
CardFooter,
|
|
||||||
CardHeader,
|
|
||||||
CardTitle,
|
|
||||||
DropdownMenu,
|
|
||||||
DropdownMenuCheckboxItem,
|
|
||||||
DropdownMenuContent,
|
|
||||||
DropdownMenuItem,
|
|
||||||
DropdownMenuLabel,
|
|
||||||
DropdownMenuSeparator,
|
|
||||||
DropdownMenuTrigger,
|
|
||||||
Pagination,
|
|
||||||
PaginationContent,
|
|
||||||
PaginationItem,
|
|
||||||
Progress,
|
|
||||||
Separator,
|
|
||||||
Table,
|
|
||||||
TableBody,
|
|
||||||
TableCell,
|
|
||||||
TableHead,
|
|
||||||
TableHeader,
|
|
||||||
TableRow,
|
|
||||||
Tabs,
|
|
||||||
TabsContent,
|
|
||||||
TabsList,
|
|
||||||
TabsTrigger,
|
|
||||||
} from "@/ui";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
|
||||||
export const QuotesList = () => {
|
export const QuotesList = () => {
|
||||||
@ -58,386 +18,12 @@ export const QuotesList = () => {
|
|||||||
</h2>
|
</h2>
|
||||||
<p className='text-muted-foreground'>descripción</p>
|
<p className='text-muted-foreground'>descripción</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div className='flex items-center space-x-2'>
|
||||||
|
<Button onClick={() => navigate("/quotes/add")}>{t("quotes.create.title")}</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<QuotesDataTable />
|
<QuotesDataTable />
|
||||||
|
|
||||||
<div className='grid items-start flex-1 gap-4 p-4 sm:px-6 sm:py-0 md:gap-8 lg:grid-cols-3 xl:grid-cols-3'>
|
|
||||||
<div className='grid items-start gap-4 auto-rows-max md:gap-8 lg:col-span-2'>
|
|
||||||
<div className='grid gap-4 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-2 xl:grid-cols-4'>
|
|
||||||
<Card className='sm:col-span-2' x-chunk='dashboard-05-chunk-0'>
|
|
||||||
<CardHeader className='pb-3'>
|
|
||||||
<CardTitle>Tus Cotizaciones</CardTitle>
|
|
||||||
<CardDescription className='max-w-lg leading-relaxed text-balance'>
|
|
||||||
Introducing Our Dynamic Orders Dashboard for Seamless Management and Insightful
|
|
||||||
Analysis.
|
|
||||||
</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
<CardFooter>
|
|
||||||
<Button onClick={() => navigate("add", { relative: "path" })}>
|
|
||||||
Crear nueva cotización
|
|
||||||
</Button>
|
|
||||||
</CardFooter>
|
|
||||||
</Card>
|
|
||||||
<Card x-chunk='dashboard-05-chunk-1'>
|
|
||||||
<CardHeader className='pb-2'>
|
|
||||||
<CardDescription>This Week</CardDescription>
|
|
||||||
<CardTitle className='text-4xl'>$1,329</CardTitle>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent>
|
|
||||||
<div className='text-xs text-muted-foreground'>+25% from last week</div>
|
|
||||||
</CardContent>
|
|
||||||
<CardFooter>
|
|
||||||
<Progress value={25} aria-label='25% increase' />
|
|
||||||
</CardFooter>
|
|
||||||
</Card>
|
|
||||||
<Card x-chunk='dashboard-05-chunk-2'>
|
|
||||||
<CardHeader className='pb-2'>
|
|
||||||
<CardDescription>This Month</CardDescription>
|
|
||||||
<CardTitle className='text-4xl'>$5,329</CardTitle>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent>
|
|
||||||
<div className='text-xs text-muted-foreground'>+10% from last month</div>
|
|
||||||
</CardContent>
|
|
||||||
<CardFooter>
|
|
||||||
<Progress value={12} aria-label='12% increase' />
|
|
||||||
</CardFooter>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
<Tabs defaultValue='week'>
|
|
||||||
<div className='flex items-center'>
|
|
||||||
<TabsList>
|
|
||||||
<TabsTrigger value='week'>Week</TabsTrigger>
|
|
||||||
<TabsTrigger value='month'>Month</TabsTrigger>
|
|
||||||
<TabsTrigger value='year'>Year</TabsTrigger>
|
|
||||||
</TabsList>
|
|
||||||
<div className='flex items-center gap-2 ml-auto'>
|
|
||||||
<DropdownMenu>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<Button variant='outline' size='sm' className='gap-1 text-sm h-7'>
|
|
||||||
<ListFilter className='h-3.5 w-3.5' />
|
|
||||||
<span className='sr-only sm:not-sr-only'>Filter</span>
|
|
||||||
</Button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent align='end'>
|
|
||||||
<DropdownMenuLabel>Filter by</DropdownMenuLabel>
|
|
||||||
<DropdownMenuSeparator />
|
|
||||||
<DropdownMenuCheckboxItem checked>Fulfilled</DropdownMenuCheckboxItem>
|
|
||||||
<DropdownMenuCheckboxItem>Declined</DropdownMenuCheckboxItem>
|
|
||||||
<DropdownMenuCheckboxItem>Refunded</DropdownMenuCheckboxItem>
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
<Button size='sm' variant='outline' className='gap-1 text-sm h-7'>
|
|
||||||
<File className='h-3.5 w-3.5' />
|
|
||||||
<span className='sr-only sm:not-sr-only'>Export</span>
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<TabsContent value='week'>
|
|
||||||
<Card x-chunk='dashboard-05-chunk-3'>
|
|
||||||
<CardHeader className='px-7'>
|
|
||||||
<CardTitle>Orders</CardTitle>
|
|
||||||
<CardDescription>Recent orders from your store.</CardDescription>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent>
|
|
||||||
<Table>
|
|
||||||
<TableHeader>
|
|
||||||
<TableRow>
|
|
||||||
<TableHead>Customer</TableHead>
|
|
||||||
<TableHead className='hidden sm:table-cell'>Type</TableHead>
|
|
||||||
<TableHead className='hidden sm:table-cell'>Status</TableHead>
|
|
||||||
<TableHead className='hidden md:table-cell'>Date</TableHead>
|
|
||||||
<TableHead className='text-right'>Amount</TableHead>
|
|
||||||
</TableRow>
|
|
||||||
</TableHeader>
|
|
||||||
<TableBody>
|
|
||||||
<TableRow className='bg-accent'>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Liam Johnson</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
liam@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Sale</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-23</TableCell>
|
|
||||||
<TableCell className='text-right'>$250.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Olivia Smith</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
olivia@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Refund</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='outline'>
|
|
||||||
Declined
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-24</TableCell>
|
|
||||||
<TableCell className='text-right'>$150.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Noah Williams</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
noah@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Subscription</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-25</TableCell>
|
|
||||||
<TableCell className='text-right'>$350.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Emma Brown</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
emma@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Sale</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-26</TableCell>
|
|
||||||
<TableCell className='text-right'>$450.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Liam Johnson</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
liam@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Sale</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-23</TableCell>
|
|
||||||
<TableCell className='text-right'>$250.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Liam Johnson</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
liam@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Sale</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-23</TableCell>
|
|
||||||
<TableCell className='text-right'>$250.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Olivia Smith</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
olivia@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Refund</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='outline'>
|
|
||||||
Declined
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-24</TableCell>
|
|
||||||
<TableCell className='text-right'>$150.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
<TableRow>
|
|
||||||
<TableCell>
|
|
||||||
<div className='font-medium'>Emma Brown</div>
|
|
||||||
<div className='hidden text-sm text-muted-foreground md:inline'>
|
|
||||||
emma@example.com
|
|
||||||
</div>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>Sale</TableCell>
|
|
||||||
<TableCell className='hidden sm:table-cell'>
|
|
||||||
<Badge className='text-xs' variant='secondary'>
|
|
||||||
Fulfilled
|
|
||||||
</Badge>
|
|
||||||
</TableCell>
|
|
||||||
<TableCell className='hidden md:table-cell'>2023-06-26</TableCell>
|
|
||||||
<TableCell className='text-right'>$450.00</TableCell>
|
|
||||||
</TableRow>
|
|
||||||
</TableBody>
|
|
||||||
</Table>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</TabsContent>
|
|
||||||
</Tabs>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<Card className='overflow-hidden' x-chunk='dashboard-05-chunk-4'>
|
|
||||||
<CardHeader className='flex flex-row items-start bg-muted/50'>
|
|
||||||
<div className='grid gap-0.5'>
|
|
||||||
<CardTitle className='flex items-center gap-2 text-lg group'>
|
|
||||||
Order Oe31b70H
|
|
||||||
<Button
|
|
||||||
size='icon'
|
|
||||||
variant='outline'
|
|
||||||
className='w-6 h-6 transition-opacity opacity-0 group-hover:opacity-100'
|
|
||||||
>
|
|
||||||
<Copy className='w-3 h-3' />
|
|
||||||
<span className='sr-only'>Copy Order ID</span>
|
|
||||||
</Button>
|
|
||||||
</CardTitle>
|
|
||||||
<CardDescription>Date: November 23, 2023</CardDescription>
|
|
||||||
</div>
|
|
||||||
<div className='flex items-center gap-1 ml-auto'>
|
|
||||||
<Button size='sm' variant='outline' className='h-8 gap-1'>
|
|
||||||
<Truck className='h-3.5 w-3.5' />
|
|
||||||
<span className='lg:sr-only xl:not-sr-only xl:whitespace-nowrap'>
|
|
||||||
Track Order
|
|
||||||
</span>
|
|
||||||
</Button>
|
|
||||||
<DropdownMenu>
|
|
||||||
<DropdownMenuTrigger asChild>
|
|
||||||
<Button size='icon' variant='outline' className='w-8 h-8'>
|
|
||||||
<MoreVertical className='h-3.5 w-3.5' />
|
|
||||||
<span className='sr-only'>More</span>
|
|
||||||
</Button>
|
|
||||||
</DropdownMenuTrigger>
|
|
||||||
<DropdownMenuContent align='end'>
|
|
||||||
<DropdownMenuItem>Edit</DropdownMenuItem>
|
|
||||||
<DropdownMenuItem>Export</DropdownMenuItem>
|
|
||||||
<DropdownMenuSeparator />
|
|
||||||
<DropdownMenuItem>Trash</DropdownMenuItem>
|
|
||||||
</DropdownMenuContent>
|
|
||||||
</DropdownMenu>
|
|
||||||
</div>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent className='p-6 text-sm'>
|
|
||||||
<div className='grid gap-3'>
|
|
||||||
<div className='font-semibold'>Order Details</div>
|
|
||||||
<ul className='grid gap-3'>
|
|
||||||
<li className='flex items-center justify-between'>
|
|
||||||
<span className='text-muted-foreground'>
|
|
||||||
Glimmer Lamps x <span>2</span>
|
|
||||||
</span>
|
|
||||||
<span>$250.00</span>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center justify-between'>
|
|
||||||
<span className='text-muted-foreground'>
|
|
||||||
Aqua Filters x <span>1</span>
|
|
||||||
</span>
|
|
||||||
<span>$49.00</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<Separator className='my-2' />
|
|
||||||
<ul className='grid gap-3'>
|
|
||||||
<li className='flex items-center justify-between'>
|
|
||||||
<span className='text-muted-foreground'>Subtotal</span>
|
|
||||||
<span>$299.00</span>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center justify-between'>
|
|
||||||
<span className='text-muted-foreground'>Shipping</span>
|
|
||||||
<span>$5.00</span>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center justify-between'>
|
|
||||||
<span className='text-muted-foreground'>Tax</span>
|
|
||||||
<span>$25.00</span>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center justify-between font-semibold'>
|
|
||||||
<span className='text-muted-foreground'>Total</span>
|
|
||||||
<span>$329.00</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<Separator className='my-4' />
|
|
||||||
<div className='grid grid-cols-2 gap-4'>
|
|
||||||
<div className='grid gap-3'>
|
|
||||||
<div className='font-semibold'>Shipping Information</div>
|
|
||||||
<address className='grid gap-0.5 not-italic text-muted-foreground'>
|
|
||||||
<span>Liam Johnson</span>
|
|
||||||
<span>1234 Main St.</span>
|
|
||||||
<span>Anytown, CA 12345</span>
|
|
||||||
</address>
|
|
||||||
</div>
|
|
||||||
<div className='grid gap-3 auto-rows-max'>
|
|
||||||
<div className='font-semibold'>Billing Information</div>
|
|
||||||
<div className='text-muted-foreground'>Same as shipping address</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<Separator className='my-4' />
|
|
||||||
<div className='grid gap-3'>
|
|
||||||
<div className='font-semibold'>Customer Information</div>
|
|
||||||
<dl className='grid gap-3'>
|
|
||||||
<div className='flex items-center justify-between'>
|
|
||||||
<dt className='text-muted-foreground'>Customer</dt>
|
|
||||||
<dd>Liam Johnson</dd>
|
|
||||||
</div>
|
|
||||||
<div className='flex items-center justify-between'>
|
|
||||||
<dt className='text-muted-foreground'>Email</dt>
|
|
||||||
<dd>
|
|
||||||
<a href='mailto:'>liam@acme.com</a>
|
|
||||||
</dd>
|
|
||||||
</div>
|
|
||||||
<div className='flex items-center justify-between'>
|
|
||||||
<dt className='text-muted-foreground'>Phone</dt>
|
|
||||||
<dd>
|
|
||||||
<a href='tel:'>+1 234 567 890</a>
|
|
||||||
</dd>
|
|
||||||
</div>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
<Separator className='my-4' />
|
|
||||||
<div className='grid gap-3'>
|
|
||||||
<div className='font-semibold'>Payment Information</div>
|
|
||||||
<dl className='grid gap-3'>
|
|
||||||
<div className='flex items-center justify-between'>
|
|
||||||
<dt className='flex items-center gap-1 text-muted-foreground'>
|
|
||||||
<CreditCard className='w-4 h-4' />
|
|
||||||
Visa
|
|
||||||
</dt>
|
|
||||||
<dd>**** **** **** 4532</dd>
|
|
||||||
</div>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
</CardContent>
|
|
||||||
<CardFooter className='flex flex-row items-center px-6 py-3 border-t bg-muted/50'>
|
|
||||||
<div className='text-xs text-muted-foreground'>
|
|
||||||
Updated <time dateTime='2023-11-23'>November 23, 2023</time>
|
|
||||||
</div>
|
|
||||||
<Pagination className='w-auto ml-auto mr-0'>
|
|
||||||
<PaginationContent>
|
|
||||||
<PaginationItem>
|
|
||||||
<Button size='icon' variant='outline' className='w-6 h-6'>
|
|
||||||
<ChevronLeft className='h-3.5 w-3.5' />
|
|
||||||
<span className='sr-only'>Previous Order</span>
|
|
||||||
</Button>
|
|
||||||
</PaginationItem>
|
|
||||||
<PaginationItem>
|
|
||||||
<Button size='icon' variant='outline' className='w-6 h-6'>
|
|
||||||
<ChevronRight className='h-3.5 w-3.5' />
|
|
||||||
<span className='sr-only'>Next Order</span>
|
|
||||||
</Button>
|
|
||||||
</PaginationItem>
|
|
||||||
</PaginationContent>
|
|
||||||
</Pagination>
|
|
||||||
</CardFooter>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</DataTableProvider>
|
</DataTableProvider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -19,8 +19,6 @@ export const FormErrorMessage = React.forwardRef<
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log(message);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<FormMessage ref={ref} {...props}>
|
<FormMessage ref={ref} {...props}>
|
||||||
{message}
|
{message}
|
||||||
|
|||||||
@ -9,12 +9,15 @@ import { UserButton } from "./components/UserButton";
|
|||||||
|
|
||||||
export const LayoutHeader = () => {
|
export const LayoutHeader = () => {
|
||||||
return (
|
return (
|
||||||
<header className='sticky top-0 z-10 flex items-center h-16 gap-8 px-4 border-b bg-primary md:px-6'>
|
<header className='sticky top-0 z-10 flex items-center h-16 gap-8 px-4 border-b bg-accent md:px-6'>
|
||||||
<nav className='flex-col hidden gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
|
<nav className='flex-col hidden gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
|
||||||
<Link to='/' className='flex items-center font-semibold'>
|
<Link to='/' className='flex items-center font-semibold'>
|
||||||
<UeckoLogo className='w-24' />
|
<UeckoLogo className='w-24' />
|
||||||
<span className='sr-only'>Uecko</span>
|
<span className='sr-only'>Uecko</span>
|
||||||
</Link>
|
</Link>
|
||||||
|
<Link to='/home' className='transition-colors text-muted-foreground hover:text-foreground'>
|
||||||
|
<Trans i18nKey='main_menu.home' />
|
||||||
|
</Link>
|
||||||
<Link
|
<Link
|
||||||
to='/quotes'
|
to='/quotes'
|
||||||
className='transition-colors text-muted-foreground hover:text-foreground'
|
className='transition-colors text-muted-foreground hover:text-foreground'
|
||||||
@ -50,6 +53,9 @@ export const LayoutHeader = () => {
|
|||||||
<Package2Icon className='w-6 h-6' />
|
<Package2Icon className='w-6 h-6' />
|
||||||
<span className='sr-only'>Uecko</span>
|
<span className='sr-only'>Uecko</span>
|
||||||
</Link>
|
</Link>
|
||||||
|
<Link to='/home' className='text-muted-foreground hover:text-foreground'>
|
||||||
|
<Trans i18nKey='main_menu.home' />
|
||||||
|
</Link>
|
||||||
<Link to='/quotes' className='text-muted-foreground hover:text-foreground'>
|
<Link to='/quotes' className='text-muted-foreground hover:text-foreground'>
|
||||||
<Trans i18nKey='main_menu.quotes' />
|
<Trans i18nKey='main_menu.quotes' />
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@ -33,7 +33,6 @@ export const UserButton = () => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
const { data, status } = useGetIdentity();
|
const { data, status } = useGetIdentity();
|
||||||
console.log(data, status);
|
|
||||||
|
|
||||||
const openUserMenu = (event: SyntheticEvent) => {
|
const openUserMenu = (event: SyntheticEvent) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|||||||
@ -1,2 +1,3 @@
|
|||||||
export * from "./HttpError";
|
export * from "./HttpError";
|
||||||
|
export * from "./createAxiosAuthActions";
|
||||||
export * from "./createAxiosDataProvider";
|
export * from "./createAxiosDataProvider";
|
||||||
|
|||||||
@ -8,3 +8,5 @@ export * from "./useRemoveMany";
|
|||||||
export * from "./useSave";
|
export * from "./useSave";
|
||||||
// export * from './useUpdateMany';
|
// export * from './useUpdateMany';
|
||||||
// export * from './useUpload';
|
// export * from './useUpload';
|
||||||
|
|
||||||
|
export * from "./DataSourceContext";
|
||||||
|
|||||||
@ -64,6 +64,7 @@
|
|||||||
"number.ref": "{{#label}}: referencia a \"{{ref}}\" que no es un número",
|
"number.ref": "{{#label}}: referencia a \"{{ref}}\" que no es un número",
|
||||||
"number.multiple": "{{#label}}: debe ser un múltiplo de {{multiple}}",
|
"number.multiple": "{{#label}}: debe ser un múltiplo de {{multiple}}",
|
||||||
"string.base": "{{#label}}: debe ser una cadena de texto",
|
"string.base": "{{#label}}: debe ser una cadena de texto",
|
||||||
|
"string.empty": "{{#label}}: no está permitido que sea vacío",
|
||||||
"string.min": "{{#label}}: debe ser mínimo de {{limit}} caracteres de largo",
|
"string.min": "{{#label}}: debe ser mínimo de {{limit}} caracteres de largo",
|
||||||
"string.max": "{{#label}}: debe ser de máximo {{limit}} caracteres de largo",
|
"string.max": "{{#label}}: debe ser de máximo {{limit}} caracteres de largo",
|
||||||
"string.length": "{{#label}}: debe ser exactamente de {{limit}} caracteres de largo",
|
"string.length": "{{#label}}: debe ser exactamente de {{limit}} caracteres de largo",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user