fix pageName

src/components/App.tsx

@@ -17,29 +17,41 @@ const RouterWithPageParam = ({items, releases}: {items: Item[], releases: string
     return <Router pageName={page} search={query.get('search') || ''} items={items} releases={releases}/>;
 };
 
+const HeaderWithPageParam = () => {
+    const {page} = useParams();
+
+    return <Header pageName={page}/>
+};
+
+const FooterWithPageParam = ({items}: { items: Item[]}) => {
+    const {page} = useParams();
+
+    return <Footer pageName={page} items={items}/>
+};
+
 export default function App({items, releases}: { items: Item[], releases: string[] }) {
     return (
         <BrowserRouter>
+            <Switch>
+                <Route path={'/techradar/:page(.+).html'}>
                     <div>
                         <div className='page'>
                             <div className='page__header'>
-            <Header pageName='a' />
+                                <HeaderWithPageParam/>
                             </div>
                             <div className={classNames('page__content')}>
-            <Switch>
-              <Route path={'/techradar/:page(.+).html'}>
                                 <RouterWithPageParam items={items} releases={releases}/>
+                            </div>
+                            <div className='page__footer'>
+                                <FooterWithPageParam items={items}/>
+                            </div>
+                        </div>
+                    </div>
                 </Route>
                 <Route path={'/'}>
                     <Redirect to={'/techradar/index.html'}/>
                 </Route>
             </Switch>
-          </div>
-          <div className='page__footer'>
-            <Footer items={items} pageName='a' />
-          </div>
-        </div>
-      </div>
         </BrowserRouter>
     );
 }