packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { h, VNode } from "preact";
import { ButtonBoxWarning, WarningBox } from "../components/styled/index.js";
import { useTranslationContext } from "../context/translation.js";

export function NoBalanceHelp({
  goToWalletManualWithdraw,
}: {
  goToWalletManualWithdraw: () => void;
}): VNode {
  const { i18n } = useTranslationContext();
  return (
    <WarningBox>
      <p>
        <b>
          <i18n.Translate>You have no balance.</i18n.Translate>
        </b>{" "}
        <i18n.Translate>Withdraw some funds into your wallet.</i18n.Translate>
      </p>
      <ButtonBoxWarning onClick={() => goToWalletManualWithdraw()}>
        <i18n.Translate>Withdraw</i18n.Translate>
      </ButtonBoxWarning>
    </WarningBox>
  );
}