50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { Switch, Route, Redirect } from 'react-router-dom';
|
|
|
|
import LandingGradient from 'soapbox/components/landing-gradient';
|
|
import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks';
|
|
import { isStandalone } from 'soapbox/utils/state';
|
|
|
|
import AboutPage from '../about';
|
|
import LandingPage from '../landing-page';
|
|
|
|
import Footer from './components/footer';
|
|
import Header from './components/header';
|
|
|
|
const PublicLayout = () => {
|
|
const standalone = useAppSelector((state) => isStandalone(state));
|
|
const soapboxConfig = useSoapboxConfig();
|
|
|
|
const shouldRedirectFromRoot = soapboxConfig.redirectRootNoLogin && !soapboxConfig.redirectRootNoLogin.match(/^\/?$/);
|
|
|
|
if (standalone) {
|
|
return <Redirect to='/login/external' />;
|
|
}
|
|
|
|
return (
|
|
<div className='h-full'>
|
|
<LandingGradient />
|
|
|
|
<div className='flex flex-col h-screen'>
|
|
<div className='flex-shrink-0'>
|
|
<Header />
|
|
|
|
<div className='relative'>
|
|
<Switch>
|
|
{shouldRedirectFromRoot ? (
|
|
<Redirect exact path='/' to={soapboxConfig.redirectRootNoLogin} />
|
|
) : (
|
|
<Route exact path='/' component={LandingPage} />
|
|
)}
|
|
<Route exact path='/about/:slug?' component={AboutPage} />
|
|
</Switch>
|
|
</div>
|
|
</div>
|
|
|
|
<Footer />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PublicLayout;
|