From 4cae14b9f86609b8c1f74d97a033e7091af49cb4 Mon Sep 17 00:00:00 2001 From: Armand Philippot 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/components/Footer/Footer.tsx | 11 +++++++++++ src/components/Header/Header.tsx | 11 +++++++++++ src/components/Layouts/Layout.tsx | 16 ++++++++++++++++ src/components/Main/Main.tsx | 7 +++++++ src/pages/_app.tsx | 7 ++++--- src/pages/index.tsx | 10 ++++++++-- src/ts/types/app.ts | 11 +++++++++++ 7 files changed, 68 insertions(+), 5 deletions(-) create mode 100644 src/components/Footer/Footer.tsx create mode 100644 src/components/Header/Header.tsx create mode 100644 src/components/Layouts/Layout.tsx create mode 100644 src/components/Main/Main.tsx create mode 100644 src/ts/types/app.ts (limited to 'src') diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx new file mode 100644 index 0000000..d92fb72 --- /dev/null +++ b/src/components/Footer/Footer.tsx @@ -0,0 +1,11 @@ +import Copyright from '@components/Copyright/Copyright'; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx new file mode 100644 index 0000000..599fdc0 --- /dev/null +++ b/src/components/Header/Header.tsx @@ -0,0 +1,11 @@ +import Branding from '@components/Branding/Branding'; + +const Header = () => { + return ( +
+ +
+ ); +}; + +export default Header; diff --git a/src/components/Layouts/Layout.tsx b/src/components/Layouts/Layout.tsx new file mode 100644 index 0000000..4270a17 --- /dev/null +++ b/src/components/Layouts/Layout.tsx @@ -0,0 +1,16 @@ +import { FunctionComponent } from 'react'; +import Footer from '@components/Footer/Footer'; +import Header from '@components/Header/Header'; +import Main from '@components/Main/Main'; + +const Layout: FunctionComponent = ({ children }) => { + return ( + <> +
+
{children}
+