From ae3275c8d3aba353a2275130d845a53872078105 Mon Sep 17 00:00:00 2001
From: hemahg <hhg@redhat.com>
Date: Wed, 16 Oct 2024 19:00:37 +0530
Subject: [PATCH] fix story

Signed-off-by: hemahg <hhg@redhat.com>
---
 .../ClusterOverview/PageLayout.stories.tsx    | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/ui/components/ClusterOverview/PageLayout.stories.tsx b/ui/components/ClusterOverview/PageLayout.stories.tsx
index 734e1306f..80a3bfdca 100644
--- a/ui/components/ClusterOverview/PageLayout.stories.tsx
+++ b/ui/components/ClusterOverview/PageLayout.stories.tsx
@@ -3,6 +3,7 @@ import { composeStories } from "@storybook/react";
 import * as ClusterCardStories from "./ClusterCard.stories";
 import { PageLayout } from "./PageLayout";
 import * as TopicsPartitionsCardStories from "./TopicsPartitionsCard.stories";
+import { ReconciliationContext } from "../ReconciliationContext";
 
 const { WithData: ClusterWithData } = composeStories(ClusterCardStories);
 const { WithData: TopicsPartitionsWithData } = composeStories(
@@ -30,12 +31,19 @@ export const WithData: Story = {
 };
 export const Loading: Story = {
   render: (args) => (
-    <PageLayout
-      {...args}
-      clusterOverview={<Everloading />}
-      clusterCharts={<Everloading />}
-      topicsPartitions={<Everloading />}
-    />
+    <ReconciliationContext.Provider
+      value={{
+        isReconciliationPaused: false,
+        setReconciliationPaused: () => { },
+      }}
+    >
+      <PageLayout
+        {...args}
+        clusterOverview={<Everloading />}
+        clusterCharts={<Everloading />}
+        topicsPartitions={<Everloading />}
+      />
+    </ReconciliationContext.Provider>
   ),
 };