update insights
This commit is contained in:
@@ -2,8 +2,18 @@ import type { Route } from './+types/route'
|
|||||||
|
|
||||||
import { Suspense } from 'react'
|
import { Suspense } from 'react'
|
||||||
import { Await } from 'react-router'
|
import { Await } from 'react-router'
|
||||||
|
import { PlusIcon, UploadIcon } from 'lucide-react'
|
||||||
|
|
||||||
import { Skeleton } from '@repo/ui/components/skeleton'
|
import { Skeleton } from '@repo/ui/components/skeleton'
|
||||||
|
import { Button } from '@repo/ui/components/ui/button'
|
||||||
|
import {
|
||||||
|
Empty,
|
||||||
|
EmptyContent,
|
||||||
|
EmptyDescription,
|
||||||
|
EmptyHeader,
|
||||||
|
EmptyMedia,
|
||||||
|
EmptyTitle
|
||||||
|
} from '@repo/ui/components/ui/empty'
|
||||||
import { request as req } from '@repo/util/request'
|
import { request as req } from '@repo/util/request'
|
||||||
|
|
||||||
export function meta({}: Route.MetaArgs) {
|
export function meta({}: Route.MetaArgs) {
|
||||||
@@ -37,7 +47,27 @@ export default function Route({ loaderData: { data } }) {
|
|||||||
|
|
||||||
<Suspense fallback={<Skeleton />}>
|
<Suspense fallback={<Skeleton />}>
|
||||||
<Await resolve={data}>
|
<Await resolve={data}>
|
||||||
{(resolved) => <>...{console.log(resolved)}</>}
|
{(resolved) => (
|
||||||
|
<>
|
||||||
|
<Empty className="border border-dasheds">
|
||||||
|
<EmptyHeader>
|
||||||
|
<EmptyMedia variant="icon">
|
||||||
|
<UploadIcon />
|
||||||
|
</EmptyMedia>
|
||||||
|
<EmptyTitle>Nenhum importação ainda</EmptyTitle>
|
||||||
|
<EmptyDescription>
|
||||||
|
Importe seus colaboradores para gerenciar, segmentar e
|
||||||
|
facilitar sua gestão.
|
||||||
|
</EmptyDescription>
|
||||||
|
</EmptyHeader>
|
||||||
|
<EmptyContent>
|
||||||
|
<Button>
|
||||||
|
<PlusIcon /> Importar
|
||||||
|
</Button>
|
||||||
|
</EmptyContent>
|
||||||
|
</Empty>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</Await>
|
</Await>
|
||||||
</Suspense>
|
</Suspense>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ export async function loader({ params, context, request }: Route.ActionArgs) {
|
|||||||
const user = context.get(userContext)
|
const user = context.get(userContext)
|
||||||
const rawCookie = request.headers.get('cookie') || ''
|
const rawCookie = request.headers.get('cookie') || ''
|
||||||
const parsedCookies = cookie.parse(rawCookie)
|
const parsedCookies = cookie.parse(rawCookie)
|
||||||
const { sidebar_state } = parsedCookies
|
const { sidebar_state = 'true' } = parsedCookies
|
||||||
|
|
||||||
const r = await req({
|
const r = await req({
|
||||||
url: `/users/${user.sub}/orgs?limit=25`,
|
url: `/users/${user.sub}/orgs?limit=25`,
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ export async function loader({ context, request }: Route.ActionArgs) {
|
|||||||
const user = context.get(userContext)
|
const user = context.get(userContext)
|
||||||
const rawCookie = request.headers.get('cookie') || ''
|
const rawCookie = request.headers.get('cookie') || ''
|
||||||
const parsedCookies = cookie.parse(rawCookie)
|
const parsedCookies = cookie.parse(rawCookie)
|
||||||
const { sidebar_state } = parsedCookies
|
const { sidebar_state = 'true' } = parsedCookies
|
||||||
|
|
||||||
return Response.json({ user, sidebar_state })
|
return Response.json({ user, sidebar_state })
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user