diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx | 23 |
1 files changed, 21 insertions, 2 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx b/packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx index 5784a7db5..94e8f8625 100644 --- a/packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Invoice/views.tsx @@ -14,9 +14,13 @@ GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ +import { Amounts } from "@gnu-taler/taler-util"; +import { styled } from "@linaria/react"; import { h, VNode } from "preact"; import { LoadingError } from "../../components/LoadingError.js"; import { useTranslationContext } from "../../context/translation.js"; +import { Button } from "../../mui/Button.js"; +import { TextField } from "../../mui/TextField.js"; import { State } from "./index.js"; export function LoadingUriView({ error }: State.LoadingUriError): VNode { @@ -30,8 +34,23 @@ export function LoadingUriView({ error }: State.LoadingUriError): VNode { ); } -export function ReadyView({ error }: State.Ready): VNode { +const Container = styled.div``; + +export function ReadyView({ amount, subject }: State.Ready): VNode { const { i18n } = useTranslationContext(); - return <div />; + return ( + <Container> + <p>Creating an invoice of {Amounts.stringify(amount)}</p> + <TextField + label="Subject" + variant="filled" + required + value={subject.value} + onChange={subject.onInput} + /> + <p>to:</p> + <Button>Scan QR code</Button> + </Container> + ); } |