From e65bd46edd9a6c1d82760b5c67612cea2da93c93 Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 14 Nov 2024 14:47:17 +0530
Subject: [PATCH 1/4] feat: update user profile link to open in a new tab using
 CLOUD_URL

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/CatalogDesignTable/columnConfig.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/custom/CatalogDesignTable/columnConfig.tsx b/src/custom/CatalogDesignTable/columnConfig.tsx
index b56e37f2..84416a36 100644
--- a/src/custom/CatalogDesignTable/columnConfig.tsx
+++ b/src/custom/CatalogDesignTable/columnConfig.tsx
@@ -3,6 +3,7 @@
 import { MUIDataTableColumn, MUIDataTableMeta } from 'mui-datatables';
 import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from 'react-share';
 import { Avatar, Box, Grid, Typography } from '../../base';
+import { CLOUD_URL } from '../../constants/constants';
 import { iconMedium } from '../../constants/iconsSizes';
 import {
   ChainIcon,
@@ -165,7 +166,7 @@ export const createDesignColumns = ({
                           alt={displayName}
                           src={avatar_url}
                           onClick={() => {
-                            window.location.href = `/user/${user_id}`;
+                            window.open(`${CLOUD_URL}/user/${user_id}`, '_blank');
                           }}
                         >
                           {!avatar_url && <PersonIcon />}

From 0295e0493f641895cb1c00f6077ad69d971f15ff Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 14 Nov 2024 14:47:36 +0530
Subject: [PATCH 2/4] feat: wrap IconButton in a div for improved styling and
 structure

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/TooltipIcon.tsx | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/custom/TooltipIcon.tsx b/src/custom/TooltipIcon.tsx
index 87477e8b..86cc6325 100644
--- a/src/custom/TooltipIcon.tsx
+++ b/src/custom/TooltipIcon.tsx
@@ -20,21 +20,23 @@ export function TooltipIcon({
 }: TooltipIconProps): JSX.Element {
   return (
     <CustomTooltip title={title} arrow={arrow}>
-      <IconButton
-        onClick={onClick}
-        sx={{
-          '&:hover': {
-            '& svg': {
-              fill: '#00d3a9'
+      <div>
+        <IconButton
+          onClick={onClick}
+          sx={{
+            '&:hover': {
+              '& svg': {
+                fill: '#00d3a9'
+              },
+              borderRadius: '4px'
             },
-            borderRadius: '4px'
-          },
-          ...(style as SxProps)
-        }}
-        disableRipple
-      >
-        {icon}
-      </IconButton>
+            ...(style as SxProps)
+          }}
+          disableRipple
+        >
+          {icon}
+        </IconButton>
+      </div>
     </CustomTooltip>
   );
 }

From dba20bed9d037f6c618c8d1de1efcfb33e0da10f Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 14 Nov 2024 15:04:44 +0530
Subject: [PATCH 3/4] feat: update MUIDataTable styling to include width
 adjustment for better responsiveness

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/ResponsiveDataTable.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/custom/ResponsiveDataTable.tsx b/src/custom/ResponsiveDataTable.tsx
index aa1c51aa..a133ae7f 100644
--- a/src/custom/ResponsiveDataTable.tsx
+++ b/src/custom/ResponsiveDataTable.tsx
@@ -122,11 +122,12 @@ export const DataTableEllipsisMenu: React.FC<{
 const dataTableTheme = (theme: Theme, backgroundColor?: string) =>
   createTheme({
     components: {
-      MUIDataTable: {
+      MuiPaper: {
         styleOverrides: {
-          paper: {
+          root: {
             background: backgroundColor || theme.palette.background.default,
-            maxWidth: '-moz-available'
+            maxWidth: '-moz-available',
+            width: '-moz-available'
           }
         }
       },

From d97abce1183fa8b4db16377b96de230c6e6f4bc4 Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 14 Nov 2024 21:21:33 +0530
Subject: [PATCH 4/4] feat: add data dependency to updateColumnsEffect for
 improved responsiveness

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/ResponsiveDataTable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/custom/ResponsiveDataTable.tsx b/src/custom/ResponsiveDataTable.tsx
index a133ae7f..7f99704f 100644
--- a/src/custom/ResponsiveDataTable.tsx
+++ b/src/custom/ResponsiveDataTable.tsx
@@ -387,7 +387,7 @@ const ResponsiveDataTable = ({
     });
     updateCols && updateCols([...columns]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [columnVisibility, updateCols]);
+  }, [columnVisibility, updateCols, data]);
 
   React.useEffect(() => {
     updateColumnsEffect();