From 4cae14b9f86609b8c1f74d97a033e7091af49cb4 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 13 Dec 2021 12:06:06 +0100
Subject: chore: change app to use a layout

I can now insert header/footer on each pages.
---
 src/pages/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/pages/index.tsx')

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index da31f7d..6022497 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,9 +1,11 @@
-import type { NextPage } from 'next';
+import Layout from '@components/Layouts/Layout';
+import { NextPageWithLayout } from '@ts/types/app';
 import Head from 'next/head';
 import Image from 'next/image';
+import type { ReactElement } from 'react';
 import styles from '../styles/Home.module.css';
 
-const Home: NextPage = () => {
+const Home: NextPageWithLayout = () => {
   return (
     <div className={styles.container}>
       <Head>
@@ -69,4 +71,8 @@ const Home: NextPage = () => {
   );
 };
 
+Home.getLayout = function getLayout(page: ReactElement) {
+  return <Layout>{page}</Layout>;
+};
+
 export default Home;
-- 
cgit v1.2.3

