owned button conditional render

ensdomains · Sep 3, 2024 · 75d223e · 75d223e
1 parent 92d26f5
commit 75d223e
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/components/@molecules/ProfileEditor/Avatar/AvatarNFT.tsx b/src/components/@molecules/ProfileEditor/Avatar/AvatarNFT.tsx
@@ -235,12 +235,12 @@ const SelectedNFTImage = styled.img(
 const FilterContainer = styled.div(
   ({ theme }) => css`
     width: 100%;
-    display: grid;
-    grid-template-columns: 100px 1fr;
+    display: flex;
     align-items: center;
     gap: ${theme.space['4']};
 
     & > button {
+      flex-basis: 100px;
       margin-bottom: -${theme.space['4']};
       ${mq.sm.min(css`
         margin-bottom: -${theme.space['6']};
@@ -430,13 +430,15 @@ export const AvatarNFT = ({
     innerContent = (
       <>
         <FilterContainer>
-          <Button onClick={handleSelectAddress}>
-            {t(
-              `input.profileEditor.tabs.avatar.nft.address.${
-                selectedAddress === address ? 'owned' : 'other'
-              }`,
-            )}
-          </Button>
+          {address !== ethAddress && (
+            <Button onClick={handleSelectAddress}>
+              {t(
+                `input.profileEditor.tabs.avatar.nft.address.${
+                  selectedAddress === address ? 'owned' : 'other'
+                }`,
+              )}
+            </Button>
+          )}
           <DialogInput
             icon={<MagnifyingGlassSVG />}
             hideLabel