commit 822127145e594ae3ba7476c78e42fd4aeabe3b6c
parent e9c52d6d5596e3c08e09268fa6c190d5068bb04f
Author: MTRNord <mtrnord1@gmail.com>
Date: Thu, 30 Dec 2021 22:12:54 +0100
Add title
Diffstat:
2 files changed, 20 insertions(+), 9 deletions(-)
diff --git a/pages/Home.tsx b/pages/Home.tsx
@@ -3,6 +3,7 @@ import Client from "../helpers/matrix_client";
import { RingLoader } from 'react-spinners';
import { ImageEvent, ImageGalleryEvent } from '../helpers/event_types';
import Link from 'next/link';
+import Head from 'next/head';
type ImageEvents = ImageEvent | ImageGalleryEvent;
@@ -141,6 +142,9 @@ export default class Home extends Component<Props, State>{
} else {
return (
<>
+ <Head>
+ <title key="title">Matrix Art | Home</title>
+ </Head>
<header className='flex fixed top-0 left-0 right-0 bottom-0 h-[54px] z-2 items-center'>
<span className='flex items-center h-full mx-10 text-gray-900 dark:text-gray-200 font-bold'><Link href="/">Matrix Art</Link></span>
<div className='flex flex-1 items-center'>
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,19 +1,26 @@
import type { NextPage } from 'next';
+import Head from 'next/head';
import React from 'react';
import { client, ClientContext } from '../components/ClientContext';
import Home from './Home';
const App: NextPage = () => {
return (
- <React.StrictMode>
- <ClientContext.Provider
- value={{
- client: client,
- }}
- >
- <Home client={client} />
- </ClientContext.Provider>
- </React.StrictMode>
+ <>
+ <Head>
+ <title key="title">Matrix Art</title>
+ <meta key="viewport" name="viewport" content="initial-scale=1.0, width=device-width" />
+ </Head>
+ <React.StrictMode>
+ <ClientContext.Provider
+ value={{
+ client: client,
+ }}
+ >
+ <Home client={client} />
+ </ClientContext.Provider>
+ </React.StrictMode>
+ </>
);
};
