cerc-io/testnet-onboarding-app
17
0
Fork 2
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Disable faucet button and display error message

Browse Source
This commit is contained in:
IshaVenikar 2024-07-15 16:49:52 +05:30 committed by Adw8
parent fa5c865f0d
commit 26df4ba42f
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/SignWithCosmos.tsx
View File

@ -19,6 +19,7 @@ const SignWithCosmos = () => {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [balance, setBalance] = useState(''); const [balance, setBalance] = useState('');
const [isRequesting, setIsRequesting] = useState(false);
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation(); const location = useLocation();
@ -43,6 +44,7 @@ const SignWithCosmos = () => {
const handleTokenRequest = async () => { const handleTokenRequest = async () => {
try { try {
setIsRequesting(true);
const response = await fetch('http://localhost:3000/faucet', { const response = await fetch('http://localhost:3000/faucet', {
method: 'POST', method: 'POST',
headers: { headers: {
@ -54,12 +56,15 @@ const SignWithCosmos = () => {
}); });
if (response.status === 429) { if (response.status === 429) {
enqueueSnackbar(response.statusText, { variant: "error" }); const errorResponse = await response.json();
enqueueSnackbar(`${response.statusText} : ${errorResponse.error}`, { variant: "error" });
setIsRequesting(false);
throw new Error('Failed to send request'); throw new Error('Failed to send request');
} }
getBalances(); getBalances();
console.log('Request successful'); setIsRequesting(false);
enqueueSnackbar('Tokens sent successfully', { variant: "success" });
} catch (error) { } catch (error) {
console.error('Error:', error); console.error('Error:', error);
} }
@ -107,6 +112,7 @@ const SignWithCosmos = () => {
setBalance(balance.amount); setBalance(balance.amount);
} catch (error) { } catch (error) {
console.error('Error fetching balance:', error); console.error('Error fetching balance:', error);
throw error;
} }
}, [cosmosAddress, createCosmosClient]); }, [cosmosAddress, createCosmosClient]);
@ -133,10 +139,14 @@ const SignWithCosmos = () => {
<Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</Typography> <Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</Typography>
</Grid> </Grid>
<Grid item xs={3} container justifyContent="flex-end"> <Grid item xs={3} container justifyContent="flex-end">
<Button <LoadingButton
variant="contained" variant="contained"
onClick={handleTokenRequest} onClick={handleTokenRequest}
>Request tokens from Faucet</Button> disabled={isRequesting}
loading={isRequesting}
>
Request tokens from Faucet
</LoadingButton>
</Grid> </Grid>
</Grid> </Grid>
</CardContent> </CardContent>