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, 'className' | 'dir'> { @@ -110,7 +110,7 @@ const LandingTimelinePage = () => { /> ) : ( - + )} ); 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 = ({ 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 ; +}; + +export { About, AboutPage as default };