diff --git a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx index 6c99072d9..d583697ee 100644 --- a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx +++ b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx @@ -7,12 +7,15 @@ import { useCommunityStream } from 'pl-fe/api/hooks/streaming/use-community-stre import Markup from 'pl-fe/components/markup'; import { ParsedContent } from 'pl-fe/components/parsed-content'; import PullToRefresh from 'pl-fe/components/pull-to-refresh'; +import Button from 'pl-fe/components/ui/button'; import Column from 'pl-fe/components/ui/column'; +import HStack from 'pl-fe/components/ui/hstack'; import Stack from 'pl-fe/components/ui/stack'; import Timeline from 'pl-fe/features/ui/components/timeline'; import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch'; import { useInstance } from 'pl-fe/hooks/use-instance'; import { useIsMobile } from 'pl-fe/hooks/use-is-mobile'; +import { useRegistrationStatus } from 'pl-fe/hooks/use-registration-status'; import { useTheme } from 'pl-fe/hooks/use-theme'; import AboutPage from 'pl-fe/pages/utils/about'; import { getTextDirection } from 'pl-fe/utils/rtl'; @@ -57,6 +60,7 @@ const LandingTimelinePage = () => { const instance = useInstance(); const theme = useTheme(); const isMobile = useIsMobile(); + const { isOpen } = useRegistrationStatus(); const [timelineFailed, setTimelineFailed] = useState(false); @@ -82,10 +86,21 @@ const LandingTimelinePage = () => { return ( -
+
+ + + {isOpen && ( + + )} + + {timelineEnabled && !timelineFailed ? (