Remove double copy icon @dwiley-akamai

linode · Dec 4, 2024 · 1edce89 · 1edce89
1 parent ad14035
commit 1edce89
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/.../manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx b/.../manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx
@@ -38,28 +38,27 @@ export const HostNameTableCell = (props: Props) => {
   const firstRegion = regions[0];
   const formattedFirstEndpoint = formatEndpoint(firstRegion);
   const allEndpoints = regions.map(formatEndpoint).join('\n');
+  const showMultipleRegions = regions.length > 1;
 
   return (
     <TableCell>
       {formattedFirstEndpoint}&nbsp;
-      {regions.length === 1 && (
-        <StyledCopyIcon text={firstRegion.s3_endpoint} />
-      )}
-      {regions.length > 1 && (
+      {showMultipleRegions ? (
         <>
           | +{regions.length - 1} regions |&nbsp;
           <StyledLinkButton
             onClick={() => {
               setHostNames(regions);
               setShowHostNamesDrawers(true);
             }}
-            type="button"
           >
             Show All
           </StyledLinkButton>
+          <StyledCopyIcon text={allEndpoints} />
         </>
+      ) : (
+        <StyledCopyIcon text={firstRegion.s3_endpoint} />
       )}
-      <StyledCopyIcon text={allEndpoints} />
     </TableCell>
   );
 };