fix range
This commit is contained in:
@@ -14,7 +14,10 @@ dyn = DynamoDBPersistenceLayer(ENROLLMENT_TABLE, dynamodb_client)
|
|||||||
|
|
||||||
|
|
||||||
@router.get('/<org_id>/enrollments/scheduled')
|
@router.get('/<org_id>/enrollments/scheduled')
|
||||||
def scheduled(org_id: str, start_key: Annotated[str | None, Query] = None):
|
def scheduled(
|
||||||
|
org_id: str,
|
||||||
|
start_key: Annotated[str | None, Query] = None,
|
||||||
|
):
|
||||||
return dyn.collection.query(
|
return dyn.collection.query(
|
||||||
key=PartitionKey(f'SCHEDULED#ORG#{org_id}'),
|
key=PartitionKey(f'SCHEDULED#ORG#{org_id}'),
|
||||||
start_key=start_key,
|
start_key=start_key,
|
||||||
|
|||||||
@@ -41,7 +41,10 @@ export function RangePeriod({
|
|||||||
>
|
>
|
||||||
<ChevronLeftIcon />
|
<ChevronLeftIcon />
|
||||||
</Button>
|
</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">
|
<div className="gap-1 flex">
|
||||||
<Badge variant="outline" className="rounded-sm px-1 font-mono">
|
<Badge variant="outline" className="rounded-sm px-1 font-mono">
|
||||||
{datetime.format(startDate)}
|
{datetime.format(startDate)}
|
||||||
|
|||||||
@@ -96,9 +96,9 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
|||||||
pesquisar
|
pesquisar
|
||||||
</>
|
</>
|
||||||
}
|
}
|
||||||
defaultValue={s}
|
defaultValue={search}
|
||||||
onChange={(s) => {
|
onChange={(search) => {
|
||||||
setSearchParams({ s: String(s) })
|
setSearchParams({ s: String(search) })
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,20 +11,22 @@ export function meta({}: Route.MetaArgs) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function loader({ context, request, params }: Route.LoaderArgs) {
|
export async function loader({ context, request, params }: Route.LoaderArgs) {
|
||||||
const data = req({
|
const scheduled = req({
|
||||||
url: `/orgs/${params.orgid}/enrollments/scheduled`,
|
url: `/orgs/${params.orgid}/enrollments/scheduled`,
|
||||||
context,
|
context,
|
||||||
request
|
request
|
||||||
}).then((r) => r.json())
|
}).then((r) => r.json())
|
||||||
|
|
||||||
return {
|
return {
|
||||||
data
|
scheduled
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
export default function Route({
|
||||||
|
loaderData: { scheduled }
|
||||||
|
}: Route.ComponentProps) {
|
||||||
return (
|
return (
|
||||||
<>
|
<Suspense fallback={<Skeleton />}>
|
||||||
<div className="space-y-0.5 mb-8">
|
<div className="space-y-0.5 mb-8">
|
||||||
<h1 className="text-2xl font-bold tracking-tight">
|
<h1 className="text-2xl font-bold tracking-tight">
|
||||||
Matrículas agendadas
|
Matrículas agendadas
|
||||||
@@ -34,12 +36,13 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
|
|||||||
matricule imediatamente.
|
matricule imediatamente.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<Await resolve={scheduled}>
|
||||||
<Suspense fallback={<Skeleton />}>
|
{({ items }) =>
|
||||||
<Await resolve={data}>
|
items.map((props, index) => {
|
||||||
{(resolved) => <>...{console.log(resolved)}</>}
|
return <div key={index}>{console.log(props)}</div>
|
||||||
</Await>
|
})
|
||||||
</Suspense>
|
}
|
||||||
</>
|
</Await>
|
||||||
|
</Suspense>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,10 +34,14 @@ export default function Route({}: Route.ComponentProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="text-center">
|
<div className="text-center space-y-1.5">
|
||||||
<h1 className="text-2xl font-semibold font-display text-balance">
|
<h1 className="text-2xl font-semibold font-display text-balance">
|
||||||
Crie sua empresa
|
Crie a conta da sua empresa
|
||||||
</h1>
|
</h1>
|
||||||
|
<p className="text-white/50 text-sm">
|
||||||
|
Uma plataforma única para gerenciar os treinamentos dos seus
|
||||||
|
colaboradores.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Form {...form}>
|
<Form {...form}>
|
||||||
|
|||||||
@@ -18,12 +18,12 @@ export default function Route({}: Route.ComponentProps) {
|
|||||||
<div className="min-h-dvh flex items-center justify-center overflow-auto">
|
<div className="min-h-dvh flex items-center justify-center overflow-auto">
|
||||||
<Link
|
<Link
|
||||||
to="/"
|
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
|
<ChevronLeftIcon className="size-5" /> Voltar
|
||||||
</Link>
|
</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="flex justify-center">
|
||||||
<div className="border border-white/15 bg-white/5 px-2.5 py-3 rounded-xl">
|
<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" />
|
<img src={logo} alt="EDUSEG®" className="block size-12" />
|
||||||
|
|||||||
Reference in New Issue
Block a user