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

feat(website): include loading indicators when data is fetching

Browse Source
This commit is contained in:
iCrawl
2025-05-16 00:19:17 +02:00
parent 576443c29a
commit 33d8619a4e
6 changed files with 64 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/website/src/components/Sidebar.tsx
View File

@@ -21,7 +21,7 @@ export function SidebarHeader() {
const hasEntryPoints = PACKAGES_WITH_ENTRY_POINTS.includes(params.packageName);
const { data: entryPoints } = useQuery({
const { data: entryPoints, isLoading: isLoadingEntryPoints } = useQuery({
queryKey: ['entryPoints', params.packageName, params.version],
queryFn: async () => {
const response = await fetch(`/api/docs/entrypoints?packageName=${params.packageName}&version=${params.version}`);
@@ -30,7 +30,7 @@ export function SidebarHeader() {
},
});
const { data: versions } = useQuery({
const { data: versions, isLoading: isLoadingVersions } = useQuery({
queryKey: ['versions', params.packageName],
queryFn: async () => {
const response = await fetch(`/api/docs/versions?packageName=${params.packageName}`);
@@ -61,8 +61,8 @@ export function SidebarHeader() {
</div>
<PackageSelect />
{/* <h3 className="p-1 text-lg font-semibold">{version}</h3> */}
<VersionSelect versions={versions ?? []} />
{hasEntryPoints ? <EntryPointSelect entryPoints={entryPoints ?? []} /> : null}
<VersionSelect isLoading={isLoadingVersions} versions={versions ?? []} />
{hasEntryPoints ? <EntryPointSelect entryPoints={entryPoints ?? []} isLoading={isLoadingEntryPoints} /> : null}
<SearchButton />
</div>
</BasSidebarHeader>