qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2025-02-06 06:58:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

⚒️ Add loaders.

Browse Source
This commit is contained in:
pheralb 2022-06-28 13:17:36 +01:00
parent e7ec89a8c6
commit 4cca689a95
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/loading.tsx
View File

@ -1,11 +1,12 @@
import { LoadingProps } from "@/interfaces/components";
import { Center, Spinner, Text, VStack } from "@chakra-ui/react";
import { LeapFrog } from "@uiball/loaders";
const Loading = (props: LoadingProps) => {
return (
<Center>
<VStack spacing={3}>
<Spinner color="brand.purple" />
<VStack spacing={3} mt="3">
<LeapFrog size={32} speed={2.5} color="#4343E5" />
<Text>{props.text}</Text>
</VStack>
</Center>

6
src/layout/header/categories.tsx
View File

@ -2,13 +2,15 @@ import React from "react";
import useSWR from "swr";
import { getCategorySvgs } from "@/services";
import CustomLink from "@/common/link";
import { Box, Text } from "@chakra-ui/react";
import { Box } from "@chakra-ui/react";
import { RaceBy } from "@uiball/loaders";
const Categories = () => {
const { data, error } = useSWR(getCategorySvgs);
if (error) return <div>failed to load</div>;
if (!data) return <div>loading...</div>;
if (!data)
return <RaceBy size={52} lineWeight={3} speed={1.4} color="#4343E5" />;
return (
<>