fix: use provided data-css in route wrapper if defined

SoftwareBrothers · Jul 10, 2024 · f74973a · f74973a
1 parent 309cce1
commit f74973a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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>
   )