book: introducing noHeader in Chapter 7

Author: tima101

book/2-begin/pages/_app.js

@@ -40,7 +40,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
         </ThemeProvider>
       </Container>

book/2-end/pages/_app.js

@@ -40,7 +40,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
         </ThemeProvider>
       </Container>

book/2-end/pages/index.js

@@ -16,7 +16,7 @@ const Index = ({ user }) => (
   </div>
 );
 
-Index.getInitialProps = async ({ query }) => ({ user: query.user });
+Index.getInitialProps = async (ctx) => ({ user: ctx.query.user });
 
 Index.propTypes = {
   user: PropTypes.shape({

book/3-begin/pages/_app.js

@@ -40,7 +40,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
         </ThemeProvider>
       </Container>

book/3-begin/pages/index.js

@@ -16,7 +16,7 @@ const Index = ({ user }) => (
   </div>
 );
 
-Index.getInitialProps = async ({ query }) => ({ user: query.user });
+Index.getInitialProps = async (ctx) => ({ user: ctx.query.user });
 
 Index.propTypes = {
   user: PropTypes.shape({

book/3-end/pages/_app.js

@@ -45,7 +45,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
         </ThemeProvider>
       </Container>

book/4-begin/pages/_app.js

@@ -45,7 +45,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
         </ThemeProvider>
       </Container>

book/4-end/pages/_app.js

@@ -46,7 +46,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
           <Notifier />
         </ThemeProvider>

book/5-begin/pages/_app.js

@@ -46,7 +46,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
           <Notifier />
         </ThemeProvider>

book/5-end/pages/_app.js

@@ -46,7 +46,7 @@ class MyApp extends App {
         <ThemeProvider theme={theme}>
           {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
           <CssBaseline />
-          {pageProps.noHeader ? null : <Header {...pageProps} />}
+          <Header {...pageProps} />
           <Component {...pageProps} />
           <Notifier />
         </ThemeProvider>