From cda646259f6f43e5136a801033ad8f0373f98821 Mon Sep 17 00:00:00 2001
From: "Aidar Shaikhutdin @makeweb.space" <makeweb.space@gmail.com>
Date: Sun, 21 May 2023 09:32:44 +0600
Subject: [PATCH] fix: main page issue

---
 src/components/App/index.tsx         | 10 +++++++---
 src/components/Footer/styles.css     |  2 +-
 src/components/Navbar/index.tsx      |  4 +++-
 src/components/StaticPage/index.tsx  |  2 +-
 src/components/StaticPage/styles.css |  4 ++++
 5 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index 0979ffb..3b61e02 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -20,9 +20,7 @@ function App(): JSX.Element {
   return (
     <Routes>
       <Route element={<Layout />}>
-        <Route path={routes.client.root()} element={
-          <Navigate to={routes.client.birthday()} />
-        } />
+        <Route path={routes.client.root()} element={<MainPage />} />
         <Route path={routes.client.birthday()} element={<BirthdayPage />} />
         <Route path={routes.client.birthtime()} element={<BirthtimePage />} />
         <Route path={routes.client.createProfile()} element={<SkipStep />} />
@@ -63,4 +61,10 @@ function SkipStep(): JSX.Element {
   return user ? <Navigate to={routes.client.emailEnter()} replace={true} /> : <CreateProfilePage />
 }
 
+function MainPage(): JSX.Element {
+  const { user } = useAuth()
+  const page = user ? routes.client.wallpaper() : routes.client.birthday()
+  return <Navigate to={page} replace={true} />
+}
+
 export default App
diff --git a/src/components/Footer/styles.css b/src/components/Footer/styles.css
index f83854c..47a3ce9 100644
--- a/src/components/Footer/styles.css
+++ b/src/components/Footer/styles.css
@@ -3,7 +3,7 @@
   font-size: 14px;
   font-weight: 400;
   line-height: 2;
-  padding: 10px 0;
+  padding-bottom: 25px;
   color: #8e8e93;
   text-align: center;
 }
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index cb7209b..be3e040 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -27,7 +27,9 @@ function Navbar({ isOpen, closeMenu }: NavbarProps): JSX.Element {
         </div>
         <nav className='navbar__nav'>
           {legal?.map((item) => (
-            <Link key={item.type} to={routes.client.legal(item.type)}>{capitalize(item.title)}</Link>
+            <Link key={item.type} to={routes.client.legal(item.type)} onClick={closeMenu}>
+              {capitalize(item.title)}
+            </Link>
           ))}
           <a href='#' onClick={closeMenu}>Contact us</a>
           <a href='#' onClick={logout}>Log Out</a>
diff --git a/src/components/StaticPage/index.tsx b/src/components/StaticPage/index.tsx
index 1d7b1f3..fe06142 100644
--- a/src/components/StaticPage/index.tsx
+++ b/src/components/StaticPage/index.tsx
@@ -20,7 +20,7 @@ function StaticPage(): JSX.Element {
 
   return (
     <section className='page page-static'>
-      {isPending ? <Loader /> : <div dangerouslySetInnerHTML={{ __html: data?.body }} />}
+      {isPending ? <Loader /> : <div className='page-static__content' dangerouslySetInnerHTML={{ __html: data?.body }} />}
       {error && <NotFoundPage />}
     </section>
   )
diff --git a/src/components/StaticPage/styles.css b/src/components/StaticPage/styles.css
index b701199..4b5d9b9 100644
--- a/src/components/StaticPage/styles.css
+++ b/src/components/StaticPage/styles.css
@@ -12,3 +12,7 @@
   margin-top: 10px;
   margin-bottom: 10px;
 }
+
+.page-static__content {
+  width: 100%;
+}