feat: add logo to detail widget and footer (#710)

src/components/detail/DetailWidget/DetailWidget.tsx

@@ -21,6 +21,7 @@ import toast from "react-hot-toast";
 import styled from "styled-components";
 import { useAccount, useBalance, useSigner } from "wagmi";
 
+import { ReactComponent as Logo } from "../../../assets/logo-white.svg";
 import { CONFIG } from "../../../lib/config";
 import { BosonRoutes } from "../../../lib/routing/routes";
 import { breakpoint } from "../../../lib/styles/breakpoint";
@@ -121,6 +122,17 @@ const RedeemButton = styled(BosonButton)`
   }
 `;
 
+const BlackLogo = styled(Logo)`
+  width: 6.25rem;
+  height: fit-content;
+  padding: 1.2rem 0 0 0;
+  :first-child {
+    path:first-child {
+      fill: ${colors.black};
+    }
+  }
+`;
+
 type ActionName = "approveExchangeToken" | "depositFunds" | "commit";
 interface IDetailWidget {
   pageType?: "exchange" | "offer";
@@ -334,6 +346,8 @@ const DetailWidget: React.FC<IDetailWidget> = ({
   const coreSDK = useCoreSDK();
   const addPendingTransaction = useAddPendingTransaction();
   const removePendingTransaction = useRemovePendingTransaction();
+  const isCustomStoreFront = useCustomStoreQueryParameter("isCustomStoreFront");
+
   const { isLteXS } = useBreakpoints();
   const navigate = useKeepQueryParamsNavigate();
   const { address } = useAccount();
@@ -1056,6 +1070,11 @@ const DetailWidget: React.FC<IDetailWidget> = ({
             </Grid>
           </>
         )}
+        {isCustomStoreFront && (
+          <Grid justifyContent="center" alignItems="center">
+            <BlackLogo />
+          </Grid>
+        )}
       </Widget>
     </>
   );

src/components/footer/Footer.tsx

@@ -272,8 +272,9 @@ function CustomStoreAdditionalLinks() {
 
 function ByBoson() {
   return (
-    <Grid justifyContent="center">
-      <Typography $fontSize="0.8rem">Powered by Boson</Typography>
+    <Grid justifyContent="center" alignItems="center" gap="0.5rem">
+      <Typography $fontSize="0.8rem">Powered by</Typography>
+      <img src={logo} alt="boson logo" width="100" />
     </Grid>
   );
 }