diff --git a/frontend/src/features/public-form/components/FormLogo/FormBannerLogo.tsx b/frontend/src/features/public-form/components/FormLogo/FormBannerLogo.tsx index e403212ef6..4fbe2a3214 100644 --- a/frontend/src/features/public-form/components/FormLogo/FormBannerLogo.tsx +++ b/frontend/src/features/public-form/components/FormLogo/FormBannerLogo.tsx @@ -2,6 +2,7 @@ import { useEffect, useMemo, useState } from 'react' import { BiImage } from 'react-icons/bi' import { Box, + Divider, Flex, Grid, Icon, @@ -11,9 +12,13 @@ import { Stack, Text, } from '@chakra-ui/react' +import { useFeatureValue } from '@growthbook/growthbook-react' +import { featureFlags } from '~shared/constants' import { FormColorTheme } from '~shared/types' +import { OgpLogoFull } from '~assets/svgrs/brand/OgpFullLogo' + import { FormLogoutButton } from './FormLogoutButton' export interface FormBannerLogoProps { @@ -79,21 +84,33 @@ export const FormBannerLogo = ({ } }, [fallbackType, logoImgSrc]) + const enableOgpHeader = useFeatureValue(featureFlags.ogpHeader, false) + if (!hasLogo && !isLoading) return null return ( - - setFallbackType('loaded')} - onError={() => setFallbackType('error')} - src={logoImgSrc} - alt={logoImgAlt} - minH="1.25rem" - maxH="4rem" - /> + + + setFallbackType('loaded')} + onError={() => setFallbackType('error')} + src={logoImgSrc} + alt={logoImgAlt} + minH="1.25rem" + maxH="4rem" + /> + + {enableOgpHeader && ( + <> + + + + + + )}