fix: Disable Zoom feature for tables on Markdown files to have links …

…clickable
ExpediaGroup · May 11, 2022 · 37ae7c3 · 37ae7c3
1 parent 900302b
commit 37ae7c3
Showing 1 changed file with 14 additions and 16 deletions.
diff --git a/packages/frontend/src/components/markdown-container/chakra-ui-renderer.tsx b/packages/frontend/src/components/markdown-container/chakra-ui-renderer.tsx
@@ -260,22 +260,20 @@ export const ChakraUIRenderer = (
       const defaultProps = { variant: 'simple', size: 'sm' };
 
       return (
-        <Zoom>
-          <Box
-            width={width || 'fit-content'}
-            overflow="auto"
-            py="0.5rem"
-            mb="1rem"
-            {...(border === 'true'
-              ? { border: '1px solid', borderRadius: 'lg', borderColor: 'snowstorm.300', p: '1rem' }
-              : {})}
-          >
-            <Table {...defaultProps} {...props}>
-              {caption && <TableCaption>{caption}</TableCaption>}
-              {children}
-            </Table>
-          </Box>
-        </Zoom>
+        <Box
+          width={width || 'fit-content'}
+          overflow="auto"
+          py="0.5rem"
+          mb="1rem"
+          {...(border === 'true'
+            ? { border: '1px solid', borderRadius: 'lg', borderColor: 'snowstorm.300', p: '1rem' }
+            : {})}
+        >
+          <Table {...defaultProps} {...props}>
+            {caption && <TableCaption>{caption}</TableCaption>}
+            {children}
+          </Table>
+        </Box>
       );
     },
     thead: ({ children, ...props }) => {