Merge pull request #495 from AppQuality/fix-layout-wrapper

fix(layout): fix layout wrapper isNotBoxed missing props

Author: iacopolea

src/common/components/LayoutWrapper.tsx

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { theme as globalTheme } from 'src/app/theme';
 
 const Container = styled.div<{
   isNotBoxed?: boolean;
@@ -8,8 +7,8 @@ const Container = styled.div<{
   box-sizing: border-box;
   padding: 0 ${({ theme }) => theme.space.xxl};
   margin: 0 auto;
-  ${({ isNotBoxed }) =>
-    isNotBoxed && `max-width: ${globalTheme.breakpoints.xxl};`}
+  max-width: ${({ theme, isNotBoxed }) =>
+    isNotBoxed ? '100%' : theme.breakpoints.xxl};
 
   @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
     padding: 0 ${({ theme }) => theme.space.md};
@@ -25,9 +24,10 @@ export const LayoutWrapper = (
     <Container
       className={
         className
-          ? `${className} layout-wrapper ${isNotBoxed ? 'not-boxed' : 'boxed'}`
+          ? `layout-wrapper ${isNotBoxed ? 'not-boxed' : 'boxed'} ${className}`
           : `layout-wrapper ${isNotBoxed ? 'not-boxed' : 'boxed'}`
       }
+      isNotBoxed={isNotBoxed}
       {...rest}
     />
   );