Merge pull request #695 from layer5io/revert-693-table/tooltip

Revert "Add `customtooltip` as default for tables and fix around it"
layer5io · Jul 30, 2024 · 0e4c6d7 · 0e4c6d7
2 parents 0727b3e + 6978600
commit 0e4c6d7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
@@ -50,7 +50,7 @@ function CustomTooltip({
       onClick={onClick}
       {...props}
     >
-      <div>{children}</div>
+      {children}
     </Tooltip>
   );
 }

diff --git a/src/custom/ResponsiveDataTable.tsx b/src/custom/ResponsiveDataTable.tsx
@@ -1,13 +1,10 @@
 import { Theme, ThemeProvider, createTheme } from '@mui/material';
 import MUIDataTable from 'mui-datatables';
 import React, { useCallback } from 'react';
-import { CustomTooltip } from './CustomTooltip';
 
 const dataTableTheme = (theme: Theme) =>
   createTheme({
-    ...theme,
     components: {
-      ...theme.components,
       MuiTable: {
         styleOverrides: {
           root: {
@@ -261,10 +258,7 @@ const ResponsiveDataTable = ({
         columns={tableCols ?? []}
         data={data || []}
         title={undefined}
-        components={{
-          Tooltip: CustomTooltip as unknown as React.ReactNode,
-          ...components
-        }}
+        components={components}
         options={updatedOptions}
         {...props}
       />