Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-12 09:33:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: use fallback with loading

Browse Source
This commit is contained in:
iCrawl
2022-08-23 01:43:10 +02:00
parent 360936140b
commit 2ecb862e76
7 changed files with 91 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/website/src/components/model/Interface.tsx
View File

@@ -1,8 +1,12 @@
import { Skeleton } from '@mantine/core';
import { useRouter } from 'next/router';
import { DocContainer } from '../DocContainer';
import { MethodsSection, PropertiesSection } from '../Sections';
import type { ApiInterfaceJSON } from '~/DocModel/ApiNodeJSONEncoder';
export function Interface({ data }: { data: ApiInterfaceJSON }) {
const router = useRouter();
return (
<DocContainer
name={data.name}
@@ -13,8 +17,12 @@ export function Interface({ data }: { data: ApiInterfaceJSON }) {
methods={data.methods}
properties={data.properties}
>
<PropertiesSection data={data.properties} />
<MethodsSection data={data.methods} />
<Skeleton visible={router.isFallback}>
<PropertiesSection data={data.properties} />
</Skeleton>
<Skeleton visible={router.isFallback}>
<MethodsSection data={data.methods} />
</Skeleton>
</DocContainer>
);
}