From 4d81a06de2cacc7db4c240ea28c62361c9aa7d15 Mon Sep 17 00:00:00 2001
From: v1rtl <hi@v1rtl.site>
Date: Fri, 13 Dec 2024 11:56:08 +0200
Subject: [PATCH] a few more svg/missing theme obj fixes

---
 src/components/pages/profile/ProfileDetails.tsx        |  2 +-
 .../pages/profile/[name]/tabs/MoreTab/NameWrapper.tsx  | 10 ++++++----
 .../pages/profile/settings/PrimarySection.tsx          | 10 +++++-----
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/pages/profile/ProfileDetails.tsx b/src/components/pages/profile/ProfileDetails.tsx
index f1da8de56..748162507 100644
--- 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
index 9f492a9a8..e29386ab3 100644
--- 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
index 3e1f52368..8288fdfab 100644
--- 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`