diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx index 08479c73c..161296b97 100644 --- a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx +++ b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx @@ -21,22 +21,21 @@ import { ButtonHandler } from "../mui/handlers.js"; import { Paper } from "../mui/Paper.js"; import { Typography } from "../mui/Typography.js"; +const margin = css` + margin: 1em; +`; + export function NoBalanceHelp({ goToWalletManualWithdraw, }: { goToWalletManualWithdraw: ButtonHandler; }): VNode { return ( - <Paper - class={css` - margin: 1em; - `} - > - <Alert title="You have no balance." severity="warning"> - <Typography>Withdraw some funds into your wallet.</Typography> + <Paper class={margin}> + <Alert title="Your wallet is empty." severity="info"> <Button fullWidth - color="warning" + color="info" variant="outlined" onClick={goToWalletManualWithdraw.onClick} > |