Include section-header classes

This commit is contained in:
Tom Russell 2019-01-22 18:36:36 +00:00
parent 0b598e318b
commit b11534f094
3 changed files with 3 additions and 3 deletions

View File

@ -170,7 +170,7 @@ class EditForm extends Component {
const building_like = this.props.building_like; const building_like = this.props.building_like;
return ( return (
<section className={(this.props.inactive)? "data-section inactive": "data-section"}> <section className={(this.props.inactive)? "data-section inactive": "data-section"}>
<header className={(match? "active " : "") + " section-header edit"}> <header className={`section-header edit ${this.props.slug} ${(match? "active" : "")}`}>
<NavLink <NavLink
to={`/edit/${this.props.slug}/building/${this.props.building_id}.html`} to={`/edit/${this.props.slug}/building/${this.props.building_id}.html`}
title={(this.props.inactive)? 'Coming soon… Click the ? for more info.' : title={(this.props.inactive)? 'Coming soon… Click the ? for more info.' :

View File

@ -75,7 +75,7 @@ const DataSection = (props) => {
const match = props.cat === props.slug; const match = props.cat === props.slug;
return ( return (
<section id={props.slug} className={(props.inactive)? "data-section inactive": "data-section"}> <section id={props.slug} className={(props.inactive)? "data-section inactive": "data-section"}>
<header className={(match? "active " : "") + " section-header view"}> <header className={`section-header view ${props.slug} ${(match? "active" : "")}`}>
<NavLink <NavLink
to={`/view/${props.slug}/building/${props.building_id}.html`} to={`/view/${props.slug}/building/${props.building_id}.html`}
title={(props.inactive)? 'Coming soon… Click the ? for more info.' : title={(props.inactive)? 'Coming soon… Click the ? for more info.' :

View File

@ -35,7 +35,7 @@ const OverviewSection = (props) => {
const inactive = props.inactive; const inactive = props.inactive;
return ( return (
<section className={(inactive? "inactive ": "") + "data-section legend"}> <section className={(inactive? "inactive ": "") + "data-section legend"}>
<header className={(match? "active " : "") + " section-header view"}> <header className={`section-header ${props.mode} ${props.slug} ${(match? "active" : "")}`}>
<NavLink <NavLink
to={`/${props.mode}/${props.slug}.html`} to={`/${props.mode}/${props.slug}.html`}
isActive={() => match} isActive={() => match}