Fix suspense spinner to make it indistinguishable from other loading

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

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>
);