a few more svg/missing theme obj fixes

ensdomains · Dec 13, 2024 · 4d81a06 · 4d81a06
1 parent 0cf8381
commit 4d81a06
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/pages/profile/ProfileDetails.tsx b/src/components/pages/profile/ProfileDetails.tsx
@@ -160,7 +160,7 @@ const ActionWrapper = styled.div<{
   leading?: boolean
   fullMobileWidth?: boolean
 }>(
-  ({ leading, fullMobileWidth }) => css`
+  ({ leading, fullMobileWidth, theme }) => css`
     ${fullMobileWidth &&
     css`
       width: 100%;

diff --git a/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx b/src/components/pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx
@@ -161,19 +161,21 @@ export const NameWrapper = ({
             <Record data-testid="namewrapper-status">
               {t('tabs.more.token.status.wrapped')}
               {status === 'locked' ? (
-                <LockSVG data-testid="namewrapper-lock-icon" />
+                <LockSVG height="16" width="16" data-testid="namewrapper-lock-icon" />
               ) : (
-                <CheckSVG data-testid="namewrapper-check-icon" />
+                <CheckSVG height="16" width="16" data-testid="namewrapper-check-icon" />
               )}
             </Record>
             <ParentControlRecord data-testid="pcc-status" $isPCC={isPCC}>
               {isPCC ? (
                 <>
-                  {t('tabs.more.token.pcc.not-controllable')} <CheckSVG data-testid="npc-icon" />
+                  {t('tabs.more.token.pcc.not-controllable')}{' '}
+                  <CheckSVG height="16" width="16" data-testid="npc-icon" />
                 </>
               ) : (
                 <>
-                  {t('tabs.more.token.pcc.controllable')} <AlertSVG data-testid="pcc-icon" />
+                  {t('tabs.more.token.pcc.controllable')}{' '}
+                  <AlertSVG height="16" width="16" data-testid="pcc-icon" />
                 </>
               )}
             </ParentControlRecord>

diff --git a/src/components/pages/profile/settings/PrimarySection.tsx b/src/components/pages/profile/settings/PrimarySection.tsx
@@ -47,7 +47,7 @@ const NoNameTitle = styled(Typography)(
 )
 
 const NoNameButton = styled(Button)(
-  () => css`
+  ({ theme }) => css`
     grid-area: button;
     @media (min-width: ${theme.breakpoints.sm}px) {
       width: fit-content;
@@ -57,7 +57,7 @@ const NoNameButton = styled(Button)(
 )
 
 const NoNameDisabledButtonContainer = styled.div(
-  () => css`
+  ({ theme }) => css`
     grid-area: button;
     @media (min-width: ${theme.breakpoints.sm}px) {
       width: fit-content;
@@ -85,8 +85,8 @@ const PrimaryNameContainer = styled.div(
   `,
 )
 
-const PrimaryNameInfo = styled.div(() => [
-  css`
+const PrimaryNameInfo = styled.div(
+  ({ theme }) => css`
     display: flex;
     width: 100%;
     position: relative;
@@ -105,7 +105,7 @@ const PrimaryNameInfo = styled.div(() => [
       }
     }
   `,
-])
+)
 
 const AvatarContainer = styled.div(
   ({ theme }) => css`