You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/* <--- Imports ---> */
|
|
import { Helmet } from "react-helmet"
|
|
|
|
import React from 'react';
|
|
import BottomBar from './BottomBar';
|
|
import SideContactBar from './SideContactBar';
|
|
import TopNavBar from './TopNavBar';
|
|
|
|
|
|
/* <--- Resources ---> */
|
|
|
|
import '../resources/style.css';
|
|
import favicon from '../resources/favicon.ico'
|
|
import logo192 from '../resources/logo192.png'
|
|
|
|
|
|
const Layout = ({ pageTitle, children }) => {
|
|
return (
|
|
<div className="Layout">
|
|
<Helmet>
|
|
<meta charSet="utf-8" />
|
|
<title>{pageTitle} - Studentská oborová rada IT PedF UK v Praze</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<link rel="icon" href={favicon}></link>
|
|
<link rel="apple-touch-icon" href={logo192} />
|
|
</Helmet>
|
|
|
|
<header>
|
|
<TopNavBar />
|
|
{/* ---TO DO: Banner--- */}
|
|
</header>
|
|
|
|
<div className="FeedWrap">
|
|
|
|
{children}
|
|
|
|
<SideContactBar />
|
|
</div>
|
|
|
|
<footer>
|
|
<hr/>
|
|
<BottomBar />
|
|
</footer>
|
|
</div>
|
|
)
|
|
}
|
|
export default Layout
|