moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

GroupLookup: improve column loading

This commit is contained in:
Alex Gleason 2023-04-17 15:45:16 -04:00
parent f2d5b2eaef
commit dea9979b39
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/soapbox/components/hoc/group-lookup-hoc.tsx
View File

@ -3,6 +3,8 @@ import React from 'react';
import ColumnLoading from 'soapbox/features/ui/components/column-loading'; import ColumnLoading from 'soapbox/features/ui/components/column-loading';
import { useGroupLookup } from 'soapbox/hooks/api/groups/useGroupLookup'; import { useGroupLookup } from 'soapbox/hooks/api/groups/useGroupLookup';
import { Layout } from '../ui';
interface IGroupLookup { interface IGroupLookup {
params: { params: {
groupSlug: string groupSlug: string
@ -21,7 +23,13 @@ function GroupLookupHoc(Component: React.ComponentType<{ params: { groupId: stri
const { entity: group } = useGroupLookup(props.params.groupSlug); const { entity: group } = useGroupLookup(props.params.groupSlug);
if (!group) return ( if (!group) return (
<ColumnLoading /> <>
<Layout.Main>
<ColumnLoading />
</Layout.Main>
<Layout.Aside />
</>
); );
const newProps = { const newProps = {