chore: adjust loading text

PolkaGate · Oct 22, 2024 · 9b80f44 · 9b80f44
1 parent 0bc9423
commit 9b80f44
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/extension-polkagate/src/fullscreen/governance/index.tsx b/packages/extension-polkagate/src/fullscreen/governance/index.tsx
@@ -444,7 +444,6 @@ export default function Governance (): React.ReactElement {
                                   : !!referenda?.length && referendumCount[topMenu] && referenda.length < (referendumCount[topMenu] || 0)
                                     ? <Typography color='secondary.contrastText' fontSize='18px' fontWeight={600} onClick={getMoreReferenda}>
                                       <div id='observerObj' style={{ height: '1px' }} />
-                                      {t('Loaded {{count}} out of {{referendumCount}} referenda. Click here to load more', { replace: { count: referenda?.length || 0, referendumCount: referendumCount[topMenu] } })}
                                     </Typography>
                                     : <Typography color='text.disabled' fontSize='15px'>
                                       {t('No more referenda to load.')}
@@ -454,6 +453,9 @@ export default function Governance (): React.ReactElement {
                               : isLoadingMore &&
                               <Grid container justifyContent='center'>
                                 <HorizontalWaiting color={theme.palette.primary.main} />
+                                <Typography color='secondary.contrastText' fontSize='13px' display='block' width="100%" textAlign="center">
+                                  {t('Loaded {{count}} out of {{referendumCount}} referenda ...', { replace: { count: referenda?.length || 0, referendumCount: referendumCount[topMenu] } })}
+                                </Typography>
                               </Grid>
                           }
                         </>