diff options
Diffstat (limited to 'packages/demobank-ui/src/pages')
3 files changed, 17 insertions, 14 deletions
diff --git a/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx b/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx index aced5eea9..fa94af75a 100644 --- a/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx +++ b/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx @@ -19,15 +19,17 @@ * @author Sebastian Javier Marchano (sebasjm) */ +import { tests } from "@gnu-taler/web-util/lib/index.browser"; import { PaymentOptions } from "./PaymentOptions.js"; export default { title: "PaymentOptions", }; -export const USD = { - component: PaymentOptions, - props: { +export const USD = tests.createExample(PaymentOptions, { + limit: { currency: "USD", + fraction: 0, + value: 1, }, -}; +}); diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx index 141b9addf..d5f2d941f 100644 --- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx +++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx @@ -19,15 +19,17 @@ * @author Sebastian Javier Marchano (sebasjm) */ +import { tests } from "@gnu-taler/web-util/lib/index.browser"; import { PaytoWireTransferForm } from "./PaytoWireTransferForm.js"; export default { title: "PaytoWireTransferForm", }; -export const USD = { - component: PaytoWireTransferForm, - props: { +export const USD = tests.createExample(PaytoWireTransferForm, { + limit: { currency: "USD", + fraction: 0, + value: 1, }, -}; +}); diff --git a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx index 521d4255e..11c21cc09 100644 --- a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx +++ b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx @@ -19,15 +19,14 @@ * @author Sebastian Javier Marchano (sebasjm) */ +import { tests } from "@gnu-taler/web-util/lib/index.browser"; import { QrCodeSection } from "./QrCodeSection.js"; +import { parseWithdrawUri } from "@gnu-taler/taler-util"; export default { title: "Qr Code Selection", }; -export const SimpleExample = { - component: QrCodeSection, - props: { - talerWithdrawUri: "taler://withdraw/asdasdasd", - }, -}; +export const SimpleExample = tests.createExample(QrCodeSection, { + withdrawUri: parseWithdrawUri("taler://withdraw/bank.com/operationId"), +}); |