فهرست منبع

add page titles

AykutSarac 3 سال پیش
والد
کامیت
e3d79e0d2b
3فایلهای تغییر یافته به همراه18 افزوده شده و 1 حذف شده
  1. 10 1
      src/pages/_app.tsx
  2. 4 0
      src/pages/editor/index.tsx
  3. 4 0
      src/pages/index.tsx

+ 10 - 1
src/pages/_app.tsx

@@ -5,6 +5,7 @@ import type { AppProps } from "next/app";
 import { ThemeProvider } from "styled-components";
 import { ThemeProvider } from "styled-components";
 import { useRouter } from "next/router";
 import { useRouter } from "next/router";
 import { Loading } from "src/components/Loading";
 import { Loading } from "src/components/Loading";
+import Head from "next/head";
 
 
 function AykutSarac({ Component, pageProps }: AppProps) {
 function AykutSarac({ Component, pageProps }: AppProps) {
   const router = useRouter();
   const router = useRouter();
@@ -22,7 +23,15 @@ function AykutSarac({ Component, pageProps }: AppProps) {
     router.events.on("routeChangeError", handleComplete);
     router.events.on("routeChangeError", handleComplete);
   }, [router]);
   }, [router]);
 
 
-  if (pageLoading) return <Loading />;
+  if (pageLoading)
+    return (
+      <>
+        <Head>
+          <title>Loading... | JSON Visio</title>
+        </Head>
+        <Loading />
+      </>
+    );
 
 
   return (
   return (
     <ThemeProvider theme={darkTheme}>
     <ThemeProvider theme={darkTheme}>

+ 4 - 0
src/pages/editor/index.tsx

@@ -5,6 +5,7 @@ import { Sidebar } from "src/components/Sidebar";
 import styled from "styled-components";
 import styled from "styled-components";
 import { JsonEditor } from "src/containers/JsonEditor";
 import { JsonEditor } from "src/containers/JsonEditor";
 import { LiveEditor } from "src/containers/LiveEditor";
 import { LiveEditor } from "src/containers/LiveEditor";
+import Head from "next/head";
 
 
 const StyledPageWrapper = styled.div`
 const StyledPageWrapper = styled.div`
   display: flex;
   display: flex;
@@ -69,6 +70,9 @@ const Editor: React.FC = () => {
 
 
   return (
   return (
     <StyledPageWrapper>
     <StyledPageWrapper>
+      <Head>
+        <title>Editor | JSON Visio</title>
+      </Head>
       <Sidebar />
       <Sidebar />
       <StyledEditorWrapper>
       <StyledEditorWrapper>
         <StyledTools>Tools</StyledTools>
         <StyledTools>Tools</StyledTools>

+ 4 - 0
src/pages/index.tsx

@@ -7,6 +7,7 @@ import styled from "styled-components";
 import { AiFillGithub } from "react-icons/ai";
 import { AiFillGithub } from "react-icons/ai";
 import { Footer } from "src/components/Footer";
 import { Footer } from "src/components/Footer";
 import Link from "next/link";
 import Link from "next/link";
+import Head from "next/head";
 
 
 const StyledHome = styled.div`
 const StyledHome = styled.div`
   padding: 24px;
   padding: 24px;
@@ -49,6 +50,9 @@ const StyledText = styled.span<{ white?: boolean }>`
 const Home: React.FC = () => {
 const Home: React.FC = () => {
   return (
   return (
     <StyledHome>
     <StyledHome>
+      <Head>
+        <title>JSON Visio</title>
+      </Head>
       <Navbar />
       <Navbar />
       <Container>
       <Container>
         <StyledContent>
         <StyledContent>