fix(TotalLayout): Container width

feat(HeaderDropdown): Refactor in order to use Mantine Popover and Portals
leemonade · Jan 11, 2024 · 56d8218 · 56d8218
1 parent 7560381
commit 56d8218
Show file tree

Hide file tree

Showing 7 changed files with 249 additions and 263 deletions.
diff --git a/packages/components/src/layout/TotalLayout/TotalLayoutContainer/TotalLayoutContainer.js b/packages/components/src/layout/TotalLayout/TotalLayoutContainer/TotalLayoutContainer.js
@@ -33,7 +33,7 @@ const TotalLayoutContainer = ({ Header, Footer, scrollRef, children }) => {
   }, [scrollRef?.current, handleScroll]);
 
   return (
-    <Box id="TotalLayout" className={classes.root}>
+    <Box className={classes.root}>
       <Stack fullWidth fullHeight direction="column">
         <Box className={classes.header} noFlex>
           {isFunction(Header) ? <Header /> : Header}

diff --git a/...ges/components/src/layout/TotalLayout/TotalLayoutContainer/TotalLayoutContainer.styles.js b/...ges/components/src/layout/TotalLayout/TotalLayoutContainer/TotalLayoutContainer.styles.js
@@ -4,6 +4,7 @@ const TotalLayoutContainerStyles = createStyles((theme, { topScroll }) => ({
   root: {
     height: '100vh',
     backgroundColor: theme.other.core.color.neutral['50'],
+    width: '100%',
   },
   header: {
     boxShadow: topScroll && '0 8px 24px rgba(149, 157, 165, 0.2)',

diff --git a/packages/components/src/misc/Logo/Logo.js b/packages/components/src/misc/Logo/Logo.js
diff --git a/packages/components/src/misc/Logo/Logo.styles.js b/packages/components/src/misc/Logo/Logo.styles.js
@@ -1,12 +1,10 @@
 import { createStyles } from '@mantine/styles';
 
-export const LogoStyles = createStyles((theme, {}, getRef) => {
-  return {
-    positive: {
-      color: theme.colors.text01,
-    },
-    negative: {
-      color: theme.colors.text07,
-    },
-  };
-});
+export const LogoStyles = createStyles((theme, {}, getRef) => ({
+  positive: {
+    color: '#0D2023',
+  },
+  negative: {
+    color: 'white',
+  },
+}));
diff --git a/packages/leemons/src/common/HeaderDropdown/HeaderDropdown.constants.js b/packages/leemons/src/common/HeaderDropdown/HeaderDropdown.constants.js
@@ -4,6 +4,7 @@ export const HEADER_DROPDOWN_DEFAULT_PROPS = {
   data: [],
   placeholder: '',
   readOnly: false,
+  withSearchInput: false,
 };
 export const HEADER_DROPDOWN_PROP_TYPES = {
   data: PropTypes.arrayOf(PropTypes.object),
@@ -13,4 +14,5 @@ export const HEADER_DROPDOWN_PROP_TYPES = {
   value: PropTypes.shape({ id: PropTypes.string }),
   readOnly: PropTypes.bool,
   onChange: PropTypes.func,
+  withSearchInput: PropTypes.bool,
 };