Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix suspense spinner to make it indistinguishable from other loading

Browse source
This commit is contained in:
Dane Everitt 2020-07-04 22:38:34 -07:00
parent db7f3e5fc0
commit cbdede75a7
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 3 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/scripts/components/elements/Spinner.tsx
View file

@ -34,7 +34,7 @@ const Spinner = ({ centered, ...props }: Props) => (
centered ?
<div
css={[
tw`flex justify-center`,
tw`flex justify-center items-center`,
props.size === 'large' ? tw`m-20` : tw`m-6`,
]}
>

11
resources/scripts/components/elements/SuspenseSpinner.tsx
View file

@ -1,15 +1,8 @@
import React, { Suspense } from 'react';
import Spinner from '@/components/elements/Spinner';
import tw from 'twin.macro';
const SuspenseSpinner = ({ children }: { children?: React.ReactNode }) => (
<Suspense
fallback={
<div css={tw`mx-4 w-3/4 mr-4 flex items-center justify-center`}>
<Spinner centered/>
</div>
}
>
const SuspenseSpinner: React.FC = ({ children }) => (
<Suspense fallback={<Spinner size={'large'} centered/>}>
{children}
</Suspense>
);