Don't even render components if the user doesn't have permission

This commit is contained in:
Dane Everitt 2020-08-22 19:01:29 -07:00
parent 54f9c5f187
commit 9ae3c17913
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 43 additions and 14 deletions

View file

@ -24,7 +24,7 @@ const Code = styled.code`${tw`font-mono py-1 px-2 bg-neutral-900 rounded text-sm
const Label = styled.label`${tw`uppercase text-xs mt-1 text-neutral-400 block px-1 select-none transition-colors duration-150`}`;
const NetworkContainer = () => {
const { uuid, allocations, name: serverName } = useServer();
const { uuid, allocations } = useServer();
const { clearFlashes, clearAndAddHttpError } = useFlash();
const [ loading, setLoading ] = useState<false | number>(false);
const { data, error, mutate } = useSWR<Allocation[]>(uuid, key => getServerAllocations(key), { initialData: allocations });
@ -61,10 +61,7 @@ const NetworkContainer = () => {
}, [ error ]);
return (
<PageContentBlock showFlashKey={'server:network'}>
<Helmet>
<title> {serverName} | Network </title>
</Helmet>
<PageContentBlock showFlashKey={'server:network'} title={'Network'}>
{!data ?
<Spinner size={'large'} centered/>
: