From 3f7a851efe6a5feaa806978ebeb0a7dfb22cb15f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 9 Jul 2025 12:24:12 +0200
Subject: [PATCH] pl-fe: Add log in/sign up buttons to the instance landing
 page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/pages/timelines/landing-timeline.tsx    | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

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 (
     <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 />
       </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 ? (
         <PullToRefresh onRefresh={handleRefresh}>
           <Timeline