granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show loading indicator on page load

Browse source 
When there are 0 parties, show a loading indicator
This commit is contained in:
Justin Edmund 2024-04-22 23:30:15 -07:00
parent a1f556583a
commit 0c50fea18b
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
pages/teams.tsx
View file

@ -144,6 +144,8 @@ const TeamsRoute: React.FC<Props> = ({
} }
const renderInfiniteScroll = ( const renderInfiniteScroll = (
<>
{parties.length === 0 && renderLoading(3)}
<InfiniteScroll <InfiniteScroll
dataLength={parties && parties.length > 0 ? parties.length : 0} dataLength={parties && parties.length > 0 ? parties.length : 0}
next={() => setCurrentPage(currentPage + 1)} next={() => setCurrentPage(currentPage + 1)}
@ -152,6 +154,7 @@ const TeamsRoute: React.FC<Props> = ({
> >
<GridRepCollection>{renderParties()}</GridRepCollection> <GridRepCollection>{renderParties()}</GridRepCollection>
</InfiniteScroll> </InfiniteScroll>
</>
) )
if (context) { if (context) {