using extendedStatus

1 files changed, 7 insertions, 6 deletions

diff --git a/packages/taler-wallet-webextension/src/stories.tsx b/packages/taler-wallet-webextension/src/stories.tsx
index a7b8a4d06..b5748d962 100644
--- a/packages/taler-wallet-webextension/src/stories.tsx
+++ b/packages/taler-wallet-webextension/src/stories.tsx
@@ -35,6 +35,7 @@ import * as popup from "./popup/index.stories.js";
 import * as wallet from "./wallet/index.stories.js";
 
 import { renderStories } from "@gnu-taler/web-util/lib/index.browser";
+import { AlertProvider } from "./context/alert.js";
 
 function main(): void {
   renderStories(
@@ -56,28 +57,28 @@ function getWrapperForGroup(group: string): FunctionComponent {
     case "popup":
       return function PopupWrapper({ children }: any) {
         return (
-          <Fragment>
+          <AlertProvider>
             <PopupNavBar />
             <PopupBox>{children}</PopupBox>
-          </Fragment>
+          </AlertProvider>
         );
       };
     case "wallet":
       return function WalletWrapper({ children }: any) {
         return (
-          <Fragment>
+          <AlertProvider>
             <LogoHeader />
             <WalletNavBar />
             <WalletBox>{children}</WalletBox>
-          </Fragment>
+          </AlertProvider>
         );
       };
     case "cta":
       return function WalletWrapper({ children }: any) {
         return (
-          <Fragment>
+          <AlertProvider>
             <WalletAction>{children}</WalletAction>
-          </Fragment>
+          </AlertProvider>
         );
       };
     default: