From 0a426b57e540d5f77b7514e4b5ab4dfe94647e28 Mon Sep 17 00:00:00 2001
From: Jimmy Hogoboom <jimmyhogoboom@gmail.com>
Date: Fri, 22 Nov 2024 08:50:41 -0600
Subject: [PATCH] fix: apply configured icon background (#237)

---
 packages/web-shared/components/Profile/Profile.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/web-shared/components/Profile/Profile.js b/packages/web-shared/components/Profile/Profile.js
index 3807bd7d..531a3ac3 100644
--- 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">