From 24cac493dded00ef40e0e30a0d2263e4f35c3e29 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Wed, 4 Jan 2023 11:24:58 -0300
Subject: fix #7522

---
 .../src/components/Banner.stories.tsx              | 76 ++++++++++++----------
 1 file changed, 40 insertions(+), 36 deletions(-)

(limited to 'packages/taler-wallet-webextension/src/components/Banner.stories.tsx')

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>
-                &nbsp;
-                <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>
+        //         &nbsp;
+        //         <Typography inline>- 5 feb 2022</Typography>
+        //       </Fragment>
+        //     ),
+        //   },
+        // ]}
+      >
+        asd
+      </Banner>
     </Wrapper>
   </Fragment>
 );
-- 
cgit v1.2.3

