fix(BoxMessage): comment crashing code

DevoInc · Jul 10, 2023 · ed94682 · ed94682
1 parent 53f0ee1
commit ed94682
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/packages/core/src/components/BoxMessage/StyledBoxMessage.ts b/packages/core/src/components/BoxMessage/StyledBoxMessage.ts
@@ -11,14 +11,19 @@ export const StyledBoxMessage = styled.div<StyledBoxMessageProps>`
   ${({ status = 'info', theme }) => {
     const cmpTokens = theme.cmp.boxMessage;
 
+    // return css`
+    //   position: relative;
+    //   display: flex;
+    //   gap: ${cmpTokens.space.padding};
+    //   border: ${cmpTokens.shape.borderSize} solid
+    //     ${cmpTokens.color.border[status]};
+    //   border-radius: ${cmpTokens.shape.borderRadius};
+    //   padding: ${cmpTokens.space.padding};
+    //   background-color: ${cmpTokens.color.background[status]};
+    // `;
     return css`
       position: relative;
       display: flex;
-      gap: ${cmpTokens.space.padding};
-      border: ${cmpTokens.shape.borderSize} solid
-        ${cmpTokens.color.border[status]};
-      border-radius: ${cmpTokens.shape.borderRadius};
-      padding: ${cmpTokens.space.padding};
       background-color: ${cmpTokens.color.background[status]};
     `;
   }}

diff --git a/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx b/packages/core/src/components/BoxMessage/components/BoxMessageClose.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useTheme } from 'styled-components';
+// import { useTheme } from 'styled-components';
 
 import {
   MouseEventAttrProps,
@@ -19,12 +19,12 @@ export const BoxMessageClose: React.FC<BoxMessageCloseProps> = ({
   tooltip,
   styles,
 }) => {
-  const theme = useTheme();
+  // const theme = useTheme();
   return (
     <Box
       position="absolute"
-      positionRight={theme.cmp.boxMessage.close.space.offset.right}
-      positionTop={theme.cmp.boxMessage.close.space.offset.top}
+      // positionRight={theme.cmp.boxMessage.close.space.offset.right}
+      // positionTop={theme.cmp.boxMessage.close.space.offset.top}
       styles={styles}
     >
       <IconButtonRemove onClick={onClick} tooltip={tooltip} size={'sm'} />