matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: Add log in/sign up buttons to the instance landing page

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-07-09 12:24:12 +02:00
parent 6e4a5a91bb
commit 3f7a851efe
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/pl-fe/src/pages/timelines/landing-timeline.tsx
View File

@ -7,12 +7,15 @@ import { useCommunityStream } from 'pl-fe/api/hooks/streaming/use-community-stre
import Markup from 'pl-fe/components/markup'; import Markup from 'pl-fe/components/markup';
import { ParsedContent } from 'pl-fe/components/parsed-content'; import { ParsedContent } from 'pl-fe/components/parsed-content';
import PullToRefresh from 'pl-fe/components/pull-to-refresh'; 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 Column from 'pl-fe/components/ui/column';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack'; import Stack from 'pl-fe/components/ui/stack';
import Timeline from 'pl-fe/features/ui/components/timeline'; import Timeline from 'pl-fe/features/ui/components/timeline';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch'; import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useInstance } from 'pl-fe/hooks/use-instance'; import { useInstance } from 'pl-fe/hooks/use-instance';
import { useIsMobile } from 'pl-fe/hooks/use-is-mobile'; 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 { useTheme } from 'pl-fe/hooks/use-theme';
import AboutPage from 'pl-fe/pages/utils/about'; import AboutPage from 'pl-fe/pages/utils/about';
import { getTextDirection } from 'pl-fe/utils/rtl'; import { getTextDirection } from 'pl-fe/utils/rtl';
@ -57,6 +60,7 @@ const LandingTimelinePage = () => {
const instance = useInstance(); const instance = useInstance();
const theme = useTheme(); const theme = useTheme();
const isMobile = useIsMobile(); const isMobile = useIsMobile();
const { isOpen } = useRegistrationStatus();
const [timelineFailed, setTimelineFailed] = useState(false); const [timelineFailed, setTimelineFailed] = useState(false);
@ -82,10 +86,21 @@ const LandingTimelinePage = () => {
return ( return (
<Column transparent={!isMobile} withHeader={false}> <Column transparent={!isMobile} withHeader={false}>
<div className='my-12 mb-16 px-4 sm:mb-20'> <div className='mb-4 mt-12 px-4 lg:mb-12'>
<SiteBanner /> <SiteBanner />
</div> </div>
<HStack className='mb-4 lg:hidden' justifyContent='end' space={4}>
<Button theme='tertiary' to='/login'>
<FormattedMessage id='thread_login.login' defaultMessage='Log in' />
</Button>
{isOpen && (
<Button to='/signup'>
<FormattedMessage id='thread_login.signup' defaultMessage='Sign up' />
</Button>
)}
</HStack>
{timelineEnabled && !timelineFailed ? ( {timelineEnabled && !timelineFailed ? (
<PullToRefresh onRefresh={handleRefresh}> <PullToRefresh onRefresh={handleRefresh}>
<Timeline <Timeline