fix: console warnings in owner list

safe-global · Oct 11, 2023 · b4b9e9f · b4b9e9f
1 parent 1d6b5d2
commit b4b9e9f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/src/components/settings/owner/EditOwnerDialog/index.tsx b/src/components/settings/owner/EditOwnerDialog/index.tsx
@@ -51,9 +51,11 @@ export const EditOwnerDialog = ({ chainId, address, name }: { chainId: string; a
     <>
       <Track {...SETTINGS_EVENTS.SETUP.EDIT_OWNER}>
         <Tooltip title="Edit owner">
-          <IconButton onClick={() => setOpen(true)} size="small">
-            <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
-          </IconButton>
+          <span>
+            <IconButton onClick={() => setOpen(true)} size="small">
+              <SvgIcon component={EditIcon} inheritViewBox color="border" fontSize="small" />
+            </IconButton>
+          </span>
         </Tooltip>
       </Track>
 

diff --git a/src/components/settings/owner/OwnerList/index.tsx b/src/components/settings/owner/OwnerList/index.tsx
@@ -50,13 +50,15 @@ export const OwnerList = () => {
                   {(isOk) => (
                     <Track {...SETTINGS_EVENTS.SETUP.REPLACE_OWNER}>
                       <Tooltip title="Replace owner">
-                        <IconButton
-                          onClick={() => setTxFlow(<ReplaceOwnerFlow address={address} />)}
-                          size="small"
-                          disabled={!isOk}
-                        >
-                          <SvgIcon component={ReplaceOwnerIcon} inheritViewBox color="border" fontSize="small" />
-                        </IconButton>
+                        <span>
+                          <IconButton
+                            onClick={() => setTxFlow(<ReplaceOwnerFlow address={address} />)}
+                            size="small"
+                            disabled={!isOk}
+                          >
+                            <SvgIcon component={ReplaceOwnerIcon} inheritViewBox color="border" fontSize="small" />
+                          </IconButton>
+                        </span>
                       </Tooltip>
                     </Track>
                   )}
@@ -69,13 +71,15 @@ export const OwnerList = () => {
                     {(isOk) => (
                       <Track {...SETTINGS_EVENTS.SETUP.REMOVE_OWNER}>
                         <Tooltip title="Remove owner">
-                          <IconButton
-                            onClick={() => setTxFlow(<RemoveOwnerFlow name={name} address={address} />)}
-                            size="small"
-                            disabled={!isOk}
-                          >
-                            <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
-                          </IconButton>
+                          <span>
+                            <IconButton
+                              onClick={() => setTxFlow(<RemoveOwnerFlow name={name} address={address} />)}
+                              size="small"
+                              disabled={!isOk}
+                            >
+                              <SvgIcon component={DeleteIcon} inheritViewBox color="error" fontSize="small" />
+                            </IconButton>
+                          </span>
                         </Tooltip>
                       </Track>
                     )}