From d274213326bcefcc0004836c75665b7622744105 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 4 Jan 2026 12:12:03 +0100
Subject: [PATCH] pl-fe: fix about 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     |  4 ++--
 packages/pl-fe/src/pages/utils/about.tsx         | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
index cde90c063..6a2851242 100644
--- a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
@@ -15,7 +15,7 @@ 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 { useRegistrationStatus } from 'pl-fe/hooks/use-registration-status';
-import AboutPage from 'pl-fe/pages/utils/about';
+import { About } from 'pl-fe/pages/utils/about';
 import { getTextDirection } from 'pl-fe/utils/rtl';
 
 interface ILogoText extends Pick<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'dir'> {
@@ -110,7 +110,7 @@ const LandingTimelinePage = () => {
           />
         </PullToRefresh>
       ) : (
-        <AboutPage />
+        <About slug='index' />
       )}
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/utils/about.tsx b/packages/pl-fe/src/pages/utils/about.tsx
index 2db1ab10b..3eb2c6751 100644
--- a/packages/pl-fe/src/pages/utils/about.tsx
+++ b/packages/pl-fe/src/pages/utils/about.tsx
@@ -9,10 +9,11 @@ import { usePlFeConfig } from 'pl-fe/hooks/use-pl-fe-config';
 import { useAboutPage } from 'pl-fe/queries/pl-fe/use-about-page';
 import { useSettings } from 'pl-fe/stores/settings';
 
-/** Displays arbitrary user-uploaded HTML on a page at `/about/:slug` */
-const AboutPage: React.FC = () => {
-  const { slug = 'index' } = aboutRoute.useParams();
+interface IAbout {
+  slug: string;
+}
 
+const About: React.FC<IAbout> = ({ slug }) => {
   const settings = useSettings();
   const plFeConfig = usePlFeConfig();
 
@@ -66,4 +67,11 @@ const AboutPage: React.FC = () => {
   );
 };
 
-export { AboutPage as default };
+/** Displays arbitrary user-uploaded HTML on a page at `/about/:slug` */
+const AboutPage: React.FC = () => {
+  const { slug = 'index' } = aboutRoute.useParams();
+
+  return <About key={slug} slug={slug} />;
+};
+
+export { About, AboutPage as default };