fix: apply configured icon background (#237)

ApollosProject · Nov 22, 2024 · 0a426b5 · 0a426b5
1 parent 12538c1
commit 0a426b5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/web-shared/components/Profile/Profile.js b/packages/web-shared/components/Profile/Profile.js
@@ -75,6 +75,8 @@ const Profile = ({ theme, handleCloseProfile, ...rest }) => {
     setImgSrc('');
   };
 
+  const { colors } = JSON.parse(currentChurch?.theme) || {};
+
   return (
     <>
       <Styled.Profile ref={ref}>
@@ -214,7 +216,10 @@ const Profile = ({ theme, handleCloseProfile, ...rest }) => {
                   justifyContent="center"
                   alignItems="center"
                 >
-                  <Logo source={currentChurch?.logo} />
+                  <Logo
+                    source={currentChurch?.logo}
+                    {...(colors?.iconBackground ? { backgroundColor: colors?.iconBackground } : {})}
+                  />
                 </Box>
                 <H4 mb="xxs">{rest.adTitle || 'Stay Connected'}</H4>
                 <BodyText maxWidth="285px" textAlign="center" mb="l">