From f74973afdf7f7ec37e54e6fc6eb7bebc5fa8b8ef Mon Sep 17 00:00:00 2001
From: Rafal Dziegielewski <rafal.dzieg@gmail.com>
Date: Wed, 10 Jul 2024 11:36:39 +0200
Subject: [PATCH] fix: use provided data-css in route wrapper if defined

---
 src/frontend/components/routes/utils/wrapper.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/components/routes/utils/wrapper.tsx b/src/frontend/components/routes/utils/wrapper.tsx
index 6f05838a6..a54f58915 100644
--- a/src/frontend/components/routes/utils/wrapper.tsx
+++ b/src/frontend/components/routes/utils/wrapper.tsx
@@ -41,14 +41,14 @@ type WrapperProps = BoxProps & {
 
 const Wrapper: React.FC<WrapperProps> = (props) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { children, variant, color, showFilter = false, ...rest } = props
+  const { children, variant, color, showFilter = false, 'data-css': dataCss, ...rest } = props
 
   const Component: ComponentType<PropsWithChildren<any>> = showFilter
     ? StyledWrapperWithFilter
     : StyledWrapper
 
   return (
-    <Component {...rest} variant="transparent" mx="auto" data-css="styled-wrapper">
+    <Component {...rest} variant="transparent" mx="auto" data-css={dataCss || 'styled-wrapper'}>
       {children}
     </Component>
   )