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>
+  );
 }