diff --git a/packages/commonwealth/client/assets/img/litepaperGrowlImage.svg b/packages/commonwealth/client/assets/img/litepaperGrowlImage.svg new file mode 100644 index 00000000000..48f4ff633b0 --- /dev/null +++ b/packages/commonwealth/client/assets/img/litepaperGrowlImage.svg @@ -0,0 +1,160 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/commonwealth/client/scripts/views/Sublayout.tsx b/packages/commonwealth/client/scripts/views/Sublayout.tsx index 6de7c482e56..5ab1af5353a 100644 --- a/packages/commonwealth/client/scripts/views/Sublayout.tsx +++ b/packages/commonwealth/client/scripts/views/Sublayout.tsx @@ -8,6 +8,7 @@ import app from 'state'; import useSidebarStore from 'state/ui/sidebar'; import { SublayoutHeader } from 'views/components/SublayoutHeader'; import { Sidebar } from 'views/components/sidebar'; +import litepaperGrowlImage from '../../assets/img/litepaperGrowlImage.svg'; import useNecessaryEffect from '../hooks/useNecessaryEffect'; import useStickyHeader from '../hooks/useStickyHeader'; import { useAuthModalStore, useWelcomeOnboardModal } from '../state/ui/modals'; @@ -17,6 +18,7 @@ import { AdminOnboardingSlider } from './components/AdminOnboardingSlider'; import { Breadcrumbs } from './components/Breadcrumbs'; import MobileNavigation from './components/MobileNavigation'; import AuthButtons from './components/SublayoutHeader/AuthButtons'; +import { CWGrowlTemplate } from './components/SublayoutHeader/GrowlTemplate/CWGrowlTemplate'; import { UserTrainingSlider } from './components/UserTrainingSlider'; import CollapsableSidebarButton from './components/sidebar/CollapsableSidebarButton'; import { AuthModal, AuthModalType } from './modals/AuthModal'; @@ -173,6 +175,16 @@ const Sublayout = ({ children, isInsideCommunity }: SublayoutProps) => { )} {children} + { const { setIsGrowlHidden, isGrowlHidden } = useGrowlStore(); @@ -60,7 +62,7 @@ export const CWGrowlTemplate = ({ {growlImage && }