Recolor the navigation bar & update titles in Manual page

ekaterinburgdev · Dec 21, 2023 · 6f7defd · 6f7defd
1 parent 91b643d
commit 6f7defd
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/components/TableOfContents/TableOfContents.jsx b/components/TableOfContents/TableOfContents.jsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useContext, Fragment } from 'react'
 import cn from 'classnames'
 import Link from 'next/link'
-import Head from 'next/head'
 import { tUI } from '../../utils/typograf'
 import scrollIntoView from 'scroll-into-view-if-needed'
 import { TocStateContext } from '../../pages/manuals/[[...pageUrl]]'
@@ -99,9 +98,6 @@ function TableOfContents({ tableOfContentArr, currentPageUrl = [], anchorLinks,
 
     return (
         <>
-            <Head>
-                <title>{catalogTitle}</title>
-            </Head>
             <aside className={styles.TableOfContents__aside}>
                 <nav className={navClassName}>
                     <div className={cn(styles.tableOfContents__title)}>

diff --git a/pages/_app.jsx b/pages/_app.jsx
@@ -12,6 +12,7 @@ function MyApp({ Component, pageProps }) {
         <>
             <Head>
                 <title>Руководства Екатеринбурга</title>
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
             </Head>
 
             <main className={IsetSans.className}>

diff --git a/pages/_document.jsx b/pages/_document.jsx
@@ -11,7 +11,6 @@ export default function Document() {
         <Html lang="ru">
             <Head>
                 <meta charset="UTF-8" />
-                <meta name="viewport" content="width=device-width, initial-scale=1" />
                 <meta name="description" content={siteDescription} />
 
                 <meta property="og:type" content="website" />

diff --git a/pages/manuals/[[...pageUrl]].jsx b/pages/manuals/[[...pageUrl]].jsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState, createContext } from 'react'
+import Head from 'next/head'
 import { MANUAL_INDEX_PAGE } from '../../consts/manuals'
 import { loadTree, loadPage } from '../../lib/loadManual'
 import { useRouter } from 'next/router'
@@ -88,6 +89,12 @@ function GetPage({
 
     return (
         <>
+            <Head>
+                <title>
+                    {pageName} | {catalogTitle}
+                </title>
+                <meta name="theme-color" content={catalogColor} />
+            </Head>
             <CSSVarsColors color={catalogColor} />
             <div style={{ counterReset: `page-chapter ${pageIndex}` }}>
                 <TocStateContext.Provider value={{ isOpen, setIsOpen }}>
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ function MyApp({ Component, pageProps }) { @@
             <>
                 <Head>
                     <title>Руководства Екатеринбурга</title>
+                    <meta name="viewport" content="width=device-width, initial-scale=1" />
                 </Head>
                 <main className={IsetSans.className}>
@@ Expand Down @@