add link to qort.trade and a refetch button for qort balance

This commit is contained in:
Phillip Lang Martinez 2024-07-21 20:23:30 -04:00
parent 06e0ec2c99
commit c2fcfaeaed

View File

@ -779,7 +779,12 @@ function App() {
</CopyToClipboard> </CopyToClipboard>
<Spacer height="10px" /> <Spacer height="10px" />
{qortBalanceLoading && <CircularProgress color="success" size={16} />} {qortBalanceLoading && <CircularProgress color="success" size={16} />}
{(balance >= 0) && ( {!qortBalanceLoading && (balance >= 0) && (
<Box sx={{
gap: '10px',
display: 'flex',
alignItems: 'center'
}}>
<TextP <TextP
sx={{ sx={{
textAlign: "center", textAlign: "center",
@ -790,6 +795,12 @@ function App() {
> >
{balance?.toFixed(2)} QORT {balance?.toFixed(2)} QORT
</TextP> </TextP>
<RefreshIcon onClick={getBalanceFunc} sx={{
fontSize: '16px',
color: 'white',
cursor: 'pointer'
}} />
</Box>
)} )}
<Spacer height="55px" /> <Spacer height="55px" />
<CustomButton <CustomButton
@ -801,7 +812,22 @@ function App() {
</CustomButton> </CustomButton>
</> </>
)} )}
<TextP
sx={{
textAlign: "center",
lineHeight: "24px",
fontSize: "12px",
fontWeight: 500,
cursor: 'pointer',
marginTop: '10px',
textDecoration: 'underline'
}}
onClick={()=> {
chrome.tabs.create({ url: 'https://www.qort.trade' });
}}
>
Get QORT at qort.trade
</TextP>
</AuthenticatedContainerInnerLeft> </AuthenticatedContainerInnerLeft>
<AuthenticatedContainerInnerRight> <AuthenticatedContainerInnerRight>
<Spacer height="20px" /> <Spacer height="20px" />