Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-04-21 14:37:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix(dashboard): show skeleton loader while access tokens load (#7895)

Browse source 
Co-authored-by: Matt Van Horn <455140+mvanhorn@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Jonathan Brennan <jonathanawesome@users.noreply.github.com>
This commit is contained in:
Matt Van Horn 2026-03-25 00:33:49 -07:00 committed by GitHub
parent ebe8df69fb
commit 5bb70a63ac
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/web/app/src/components/organization/settings/access-tokens/access-tokens-sub-page.tsx
View file

@ -6,6 +6,7 @@ import { CardDescription } from '@/components/ui/card';
import { DocsLink } from '@/components/ui/docs-note';
import { SubPageLayout, SubPageLayoutHeader } from '@/components/ui/page-content-layout';
import { Sheet, SheetTrigger } from '@/components/ui/sheet';
import { Skeleton } from '@/components/ui/skeleton';
import { graphql } from '@/gql';
import { AccessTokensTable } from './access-tokens-table';
import { CreateAccessTokenSheetContent } from './create-access-token-sheet-content';
@ -106,6 +107,25 @@ export function AccessTokensSubPage(props: AccessTokensSubPageProps): React.Reac
onDiscard={() => setCreateAccessTokenState(CreateAccessTokenState.closed)}
/>
)}
{query.fetching && !query.data?.organization && (
<div className="space-y-3">
<div className="flex w-full items-center space-x-4">
<Skeleton className="h-10 w-1/4" />
<Skeleton className="h-10 w-1/2" />
<Skeleton className="h-10 w-1/4" />
</div>
<div className="flex w-full items-center space-x-4">
<Skeleton className="h-10 w-1/4" />
<Skeleton className="h-10 w-1/2" />
<Skeleton className="h-10 w-1/4" />
</div>
<div className="flex w-full items-center space-x-4">
<Skeleton className="h-10 w-1/4" />
<Skeleton className="h-10 w-1/2" />
<Skeleton className="h-10 w-1/4" />
</div>
</div>
)}
{query.data?.organization && (
<AccessTokensTable
accessTokens={query.data.organization.allAccessTokens}