fix: using isResourcePage to determine page header

isomerpages · Apr 23, 2021 · 2aa238b · 2aa238b
1 parent 994ea16
commit 2aa238b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/layouts/EditPage.jsx b/src/layouts/EditPage.jsx
@@ -469,6 +469,7 @@ const EditPage = ({ match, isResourcePage, isCollectionPage, history, type }) =>
                 chunk={chunk}
                 title={title}
                 date={date}
+                isResourcePage={isResourcePage}
                 resourceRoomName={deslugifyDirectory(resourceRoomName)}
                 collection={resourceName}
               />

diff --git a/src/templates/SimplePage.jsx b/src/templates/SimplePage.jsx
@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import PageHeader from './pageComponents/PageHeader';
 
 // This following template was taken from the 'Simple Page'
-const SimplePage = ({ chunk, title, date, collection, resourceRoomName }) => (
+const SimplePage = ({ chunk, title, date, collection, isResourcePage, resourceRoomName }) => (
   <div>
-    <PageHeader title={title} date={date} collection={collection} resourceRoomName={resourceRoomName}/>
+    <PageHeader title={title} date={date} collection={collection} resourceRoomName={resourceRoomName} isResourcePage={isResourcePage}/>
     <section className="bp-section">
       <div className="bp-container content padding--top--lg padding--bottom--xl">
         <div className="row">

diff --git a/src/templates/pageComponents/PageHeader.jsx b/src/templates/pageComponents/PageHeader.jsx
@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Breadcrumb from './Breadcrumb';
 
-const PageHeader = ({ title, date, collection, resourceRoomName }) => (
-  <section className={`bp-section ${resourceRoomName ? 'bg-secondary' : 'is-small bp-section-pagetitle'}`}>
+const PageHeader = ({ title, date, collection, resourceRoomName, isResourcePage }) => (
+  <section className={`bp-section ${isResourcePage ? 'bg-secondary' : 'is-small bp-section-pagetitle'}`}>
     <div className="bp-container page-header-container">
     <div className="row">
         <div className="col">