PageLayout.js

gistfile1.js

 export default class PageLayout extends React.Component {
 
   render() {
     const {
       children, siteTitleH1, mobileView, userAgent,
       currentLanguage, enVersionUrl, csVersionUrl,
     } = this.props;

     let appBar = null;
     let plainHeader = null;

     if (mobileView) {
       appBar = (
         <BlogAppBar />
       );
     } else {
       plainHeader = (
         <PlainPageHeader
           siteTitleH1={siteTitleH1}
           currentLanguage={currentLanguage}
           enVersionUrl={enVersionUrl}
           csVersionUrl={csVersionUrl}
         />
       );
     }
 
     return (
       <MuiThemeProvider
         muiTheme={getMuiTheme({
           palette: themePalette,
           userAgent: userAgent,
         })}
       >
 
         <div className="pageContainer">
           <CustomHead />
 
           {appBar}
 
           <div className="container">
 
             <div className="row justify-content-center">
               <div className="col-lg-9">
                 <PayloadWrapper>
                 
                   {plainHeader}
                   {children}

                 </PayloadWrapper>
               </div>
             </div>
 
           </div>
 
           <PageFooter />
         </div>
 
       </MuiThemeProvider>
     );
   }
 
 }