From fd951bfdd5aea629e3a5a5f751e9adbda5d9ecda Mon Sep 17 00:00:00 2001
From: "anton.strover" <anton@vostron.com>
Date: Fri, 29 Aug 2025 11:24:57 +0100
Subject: [PATCH] Fixed Bar component

Moved width prop from direct prop to sx prop, updated PropTypes to accept string|object.
---
 client/src/Components/Charts/StatusPageBarChart/index.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/Components/Charts/StatusPageBarChart/index.jsx b/client/src/Components/Charts/StatusPageBarChart/index.jsx
index e912934a0..1a1965481 100644
--- a/client/src/Components/Charts/StatusPageBarChart/index.jsx
+++ b/client/src/Components/Charts/StatusPageBarChart/index.jsx
@@ -23,10 +23,10 @@ const Bar = ({ width, height, backgroundColor, borderRadius, children }) => {
 	return (
 		<Box
 			position="relative"
-			width={width}
 			height={height}
 			backgroundColor={backgroundColor}
 			sx={{
+				width: width,
 				borderRadius: borderRadius || theme.spacing(1.5),
 			}}
 		>
@@ -36,7 +36,7 @@ const Bar = ({ width, height, backgroundColor, borderRadius, children }) => {
 };
 
 Bar.propTypes = {
-	width: PropTypes.string.isRequired,
+	width: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
 	height: PropTypes.string.isRequired,
 	backgroundColor: PropTypes.string.isRequired,
 	borderRadius: PropTypes.string,