diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/Banner.stories.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/Banner.stories.tsx | 76 |
1 files changed, 40 insertions, 36 deletions
diff --git a/packages/taler-wallet-webextension/src/components/Banner.stories.tsx b/packages/taler-wallet-webextension/src/components/Banner.stories.tsx index 39012480b..60b100478 100644 --- a/packages/taler-wallet-webextension/src/components/Banner.stories.tsx +++ b/packages/taler-wallet-webextension/src/components/Banner.stories.tsx @@ -65,23 +65,25 @@ export const BasicExample = (): VNode => ( </a> </p> <Banner - elements={[ - { - icon: <SignalWifiOffIcon color="gray" />, - description: ( - <Typography> - You have lost connection to the internet. This app is offline. - </Typography> - ), - }, - ]} + // elements={[ + // { + // icon: <SignalWifiOffIcon color="gray" />, + // description: ( + // <Typography> + // You have lost connection to the internet. This app is offline. + // </Typography> + // ), + // }, + // ]} confirm={{ label: "turn on wifi", action: async () => { return; }, }} - /> + > + <div /> + </Banner> </Wrapper> </Fragment> ); @@ -92,31 +94,33 @@ export const PendingOperation = (): VNode => ( <Banner title="PENDING TRANSACTIONS" style={{ backgroundColor: "lightcyan", padding: 8 }} - elements={[ - { - icon: ( - <Avatar - style={{ - border: "solid blue 1px", - color: "blue", - boxSizing: "border-box", - }} - > - P - </Avatar> - ), - description: ( - <Fragment> - <Typography inline bold> - EUR 37.95 - </Typography> - - <Typography inline>- 5 feb 2022</Typography> - </Fragment> - ), - }, - ]} - /> + // elements={[ + // { + // icon: ( + // <Avatar + // style={{ + // border: "solid blue 1px", + // color: "blue", + // boxSizing: "border-box", + // }} + // > + // P + // </Avatar> + // ), + // description: ( + // <Fragment> + // <Typography inline bold> + // EUR 37.95 + // </Typography> + // + // <Typography inline>- 5 feb 2022</Typography> + // </Fragment> + // ), + // }, + // ]} + > + asd + </Banner> </Wrapper> </Fragment> ); |