fix range

This commit is contained in:
2025-12-14 16:35:33 -03:00
parent 250fdbd3b1
commit 473449996f
6 changed files with 33 additions and 20 deletions

View File

@@ -41,7 +41,10 @@ export function RangePeriod({
>
<ChevronLeftIcon />
</Button>
<Button variant="outline" className="pointer-events-none border-dashed">
<Button
variant="outline"
className="pointer-events-none border-dashed max-lg:w-full"
>
<div className="gap-1 flex">
<Badge variant="outline" className="rounded-sm px-1 font-mono">
{datetime.format(startDate)}

View File

@@ -96,9 +96,9 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
pesquisar
</>
}
defaultValue={s}
onChange={(s) => {
setSearchParams({ s: String(s) })
defaultValue={search}
onChange={(search) => {
setSearchParams({ s: String(search) })
}}
/>
</div>

View File

@@ -11,20 +11,22 @@ export function meta({}: Route.MetaArgs) {
}
export async function loader({ context, request, params }: Route.LoaderArgs) {
const data = req({
const scheduled = req({
url: `/orgs/${params.orgid}/enrollments/scheduled`,
context,
request
}).then((r) => r.json())
return {
data
scheduled
}
}
export default function Route({ loaderData: { data } }: Route.ComponentProps) {
export default function Route({
loaderData: { scheduled }
}: Route.ComponentProps) {
return (
<>
<Suspense fallback={<Skeleton />}>
<div className="space-y-0.5 mb-8">
<h1 className="text-2xl font-bold tracking-tight">
Matrículas agendadas
@@ -34,12 +36,13 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
matricule imediatamente.
</p>
</div>
<Suspense fallback={<Skeleton />}>
<Await resolve={data}>
{(resolved) => <>...{console.log(resolved)}</>}
</Await>
</Suspense>
</>
<Await resolve={scheduled}>
{({ items }) =>
items.map((props, index) => {
return <div key={index}>{console.log(props)}</div>
})
}
</Await>
</Suspense>
)
}

View File

@@ -34,10 +34,14 @@ export default function Route({}: Route.ComponentProps) {
return (
<>
<div className="text-center">
<div className="text-center space-y-1.5">
<h1 className="text-2xl font-semibold font-display text-balance">
Crie sua empresa
Crie a conta da sua empresa
</h1>
<p className="text-white/50 text-sm">
Uma plataforma única para gerenciar os treinamentos dos seus
colaboradores.
</p>
</div>
<Form {...form}>

View File

@@ -18,12 +18,12 @@ export default function Route({}: Route.ComponentProps) {
<div className="min-h-dvh flex items-center justify-center overflow-auto">
<Link
to="/"
className="absolute left-4 top-6 flex items-center gap-1 z-10 hover:underline"
className="text-sm absolute left-4 top-6 flex items-center gap-1 z-10 hover:underline"
>
<ChevronLeftIcon className="size-5" /> Voltar
</Link>
<div className="w-full max-w-xs pt-8 relative z-10 space-y-6 px-4">
<div className="w-full max-w-sm pt-8 relative z-10 space-y-6 px-4">
<div className="flex justify-center">
<div className="border border-white/15 bg-white/5 px-2.5 py-3 rounded-xl">
<img src={logo} alt="EDUSEG®" className="block size-12" />