theoludwig/FunctionProject
theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

frontend: Layout (Header, Content, Footer) _app.js

Browse Source
This commit is contained in:
Divlo 2020-03-19 09:07:29 +01:00
parent a82c1d8416
commit d4fb1e3aba
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/Layout.js → frontend/pages/_app.js
View File

@ -2,8 +2,8 @@
import { Fragment } from 'react'; import { Fragment } from 'react';
/* Components Imports */ /* Components Imports */
import Header from './Header/Header'; import Header from '../components/Header/Header';
import Footer from './Footer/Footer'; import Footer from '../components/Footer/Footer';
/* CSS Imports */ /* CSS Imports */
import '../public/fonts/Montserrat/Montserrat.css'; import '../public/fonts/Montserrat/Montserrat.css';
@ -11,12 +11,14 @@ import '../public/css/normalize.css';
import '../public/css/grid.css'; import '../public/css/grid.css';
import '../public/css/general.css'; import '../public/css/general.css';
const Layout = (props) => ( const App = ({ Component, pageProps }) => (
<Fragment> <Fragment>
<Header /> <Header />
<div className="content container-fluid">{props.children}</div> <div className="content container-fluid">
<Component {...pageProps} />
</div>
<Footer /> <Footer />
</Fragment> </Fragment>
); );
export default Layout; export default App;

6
frontend/pages/index.js
View File

@ -1,15 +1,15 @@
import Layout from '../components/Layout'; import { Fragment } from 'react';
import HeadTag from '../components/HeadTag'; import HeadTag from '../components/HeadTag';
const Home = () => ( const Home = () => (
<Layout> <Fragment>
<HeadTag <HeadTag
title="FunctionProject" title="FunctionProject"
description="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc." description="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc."
image="/images/FunctionProject_icon_small.png" image="/images/FunctionProject_icon_small.png"
/> />
<div>Home</div> <div>Home</div>
</Layout> </Fragment>
); );
export default Home; export default Home;