diff --git a/src/components/detail/DetailWidget/DetailWidget.tsx b/src/components/detail/DetailWidget/DetailWidget.tsx index 4509398ad..c883cefa8 100644 --- a/src/components/detail/DetailWidget/DetailWidget.tsx +++ b/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 = ({ 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 = ({ )} + {isCustomStoreFront && ( + + + + )} ); diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index 3c6a39207..bd7f7ed11 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -272,8 +272,9 @@ function CustomStoreAdditionalLinks() { function ByBoson() { return ( - - Powered by Boson + + Powered by + boson logo ); }