Merge pull request #1 from IUBLibTech/no-footer

Conditionally hide footer.
IUBLibTech · Mar 19, 2019 · 87e0dd3 · 87e0dd3
2 parents 20fb65d + cc667f6
commit 87e0dd3
Show file tree

Hide file tree

Showing 4 changed files with 1,833 additions and 1,637 deletions.
diff --git a/src/containers/Root/Root.js b/src/containers/Root/Root.js
@@ -4,12 +4,16 @@ import { Provider } from 'react-redux';
 import VariationsMainView from '../VariationsMainView/VariationsMainView';
 import { PersistGate } from 'redux-persist/integration/react';
 
-const Root = ({ store, persistor, callback, hasResource }) => {
+const Root = ({ store, persistor, callback, hasResource, noFooter }) => {
   try {
     return (
       <Provider store={store}>
         <PersistGate loading="loading..." persistor={persistor}>
-          <VariationsMainView callback={callback} hasResource={hasResource} />
+          <VariationsMainView
+            callback={callback}
+            hasResource={hasResource}
+            noFooter={noFooter}
+          />
         </PersistGate>
       </Provider>
     );

diff --git a/src/containers/VariationsMainView/VariationsMainView.js b/src/containers/VariationsMainView/VariationsMainView.js
@@ -205,6 +205,7 @@ class VariationsMainView extends React.Component {
       selectedRanges,
       hasResource,
       colourPalette,
+      noFooter,
     } = this.props;
     return (
       <div className="variations-app">
@@ -293,7 +294,7 @@ class VariationsMainView extends React.Component {
                 undoAll={this.props.canUndo ? this.props.undoAll : null}
                 swatch={this.props.colourPalette.colours}
               />
-              <Footer />
+              {!noFooter && <Footer />}
             </div>
             {(audioError.code || !isLoaded) && (
               <ContentOverlay

diff --git a/src/index.js b/src/index.js
@@ -5,10 +5,10 @@ import Root from './containers/Root/Root';
 import configureStore from './store/main';
 import * as qs from 'query-string';
 
-const { resource, save, callback, ...hash } = qs.parse(location.hash);
+const { resource, save, callback, noFooter, ...hash } = qs.parse(location.hash);
 
 // Set the hash back
-location.hash = qs.stringify({ resource, save, callback, ...hash });
+location.hash = qs.stringify({ resource, save, callback, noFooter, ...hash });
 
 const { store, persistor } = configureStore(
   resource,
@@ -22,6 +22,7 @@ render(
     persistor={persistor}
     callback={callback}
     hasResource={!!resource}
+    noFooter={!!noFooter}
   />,
   document.getElementById('app')
 );