ApiAuthorization.Loading.tsx28 lines · main

1	import type { ReactNode } from 'react'
2	import { Card, CardContent, CardHeader } from 'ui'
3	import { ShimmeringLoader } from 'ui-patterns'
4
5	export function ApiAuthorizationLoadingScreen(): ReactNode {
6	return (
7	<Card>
8	<CardHeader>Authorize API access</CardHeader>
9	<CardContent>
10	<span className="sr-only">Loading...</span>
11	<div className="flex gap-x-4 items-center">
12	<ShimmeringLoader className="w-12 h-12 md:w-14 md:h-14" />
13	<ShimmeringLoader className="h-6 w-64" />
14	</div>
15
16	<div className="flex flex-col gap-y-2 mt-4">
17	<ShimmeringLoader className="w-1/4" />
18	<ShimmeringLoader />
19	</div>
20
21	<div className="flex flex-col gap-y-2 mt-8">
22	<ShimmeringLoader className="w-1/2" />
23	<ShimmeringLoader />
24	</div>
25	</CardContent>
26	</Card>
27	)
28	}