From 5f9b2cdf2e26079090bf991605449bd2e92cc79c Mon Sep 17 00:00:00 2001
From: Pritam Bag <130136389+PritamBag@users.noreply.github.com>
Date: Tue, 25 Mar 2025 22:35:53 +0530
Subject: [PATCH] fix(core): :bug: fix style related to coreRequestProgressBar

fix style related to coreRequestProgressBar

Ref #437
---
 package/components/feedback/CoreRequestProgressBar.js | 11 +++++++----
 .../layouts/_system/AppBuilderContainerLayout.js      |  2 +-
 .../components/layouts/_system/AppContainerLayout.js  |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/package/components/feedback/CoreRequestProgressBar.js b/package/components/feedback/CoreRequestProgressBar.js
index 68c993b6..a017a6c0 100644
--- a/package/components/feedback/CoreRequestProgressBar.js
+++ b/package/components/feedback/CoreRequestProgressBar.js
@@ -5,16 +5,19 @@ import { useSelector } from "react-redux";
 
 import CoreLinearProgress from "./CoreLinearProgress";
 import CoreClasses from "../../styles/CoreClasses";
+import { sanitizeComponentProps } from "../../utils/componentUtil";
 import CoreBox from "../layouts/CoreBox";
-export default function CoreRequestProgressBar() {
+export default function CoreRequestProgressBar(props) {
   const COLOR_PRIMARY = "primary";
   const { requestProgress } = useSelector((state) => state?.app);
 
+  props = sanitizeComponentProps(CoreRequestProgressBar, props);
+
   return (
-    <CoreBox
-      styleClasses={[CoreClasses.REQUEST_PROGRESS_BAR]}
-    >
+    <CoreBox {...props}>
       <CoreLinearProgress color={COLOR_PRIMARY} styleClasses={requestProgress.visible ? [] : [CoreClasses.DISPLAY.NONE]} />
     </CoreBox>
   );
 }
+CoreRequestProgressBar.validProps = [];
+CoreRequestProgressBar.invalidProps = [];
diff --git a/package/components/layouts/_system/AppBuilderContainerLayout.js b/package/components/layouts/_system/AppBuilderContainerLayout.js
index 6858f4c5..c2fb8a10 100644
--- a/package/components/layouts/_system/AppBuilderContainerLayout.js
+++ b/package/components/layouts/_system/AppBuilderContainerLayout.js
@@ -191,7 +191,7 @@ export default function AppBuilderContainerLayout() {
         footer={getFooter}
         coreClasses={CoreClasses}
       >  
-        <CoreRequestProgressBar />
+        <CoreRequestProgressBar styleClasses={[CoreClasses.REQUEST_PROGRESS_BAR]} />
 
         <CoreBox styleClasses={[CoreClasses.LAYOUT.MAIN_CONTAINER]}>
           <CoreLayoutPlaceholder 
diff --git a/package/components/layouts/_system/AppContainerLayout.js b/package/components/layouts/_system/AppContainerLayout.js
index 15766c00..940922a8 100644
--- a/package/components/layouts/_system/AppContainerLayout.js
+++ b/package/components/layouts/_system/AppContainerLayout.js
@@ -191,7 +191,7 @@ export default function AppContainerLayout() {
         footer={getFooter}
         coreClasses={CoreClasses}
       >  
-        <CoreRequestProgressBar />
+        <CoreRequestProgressBar styleClasses={[CoreClasses.REQUEST_PROGRESS_BAR]}/>
 
         <CoreBox styleClasses={[CoreClasses.LAYOUT.MAIN_CONTAINER]}>
           <CoreLayoutPlaceholder id={AppContainerLayout.PLACEHOLDER.CONTENT} />