diff options
Diffstat (limited to 'animism-align/frontend/app')
6 files changed, 33 insertions, 24 deletions
diff --git a/animism-align/frontend/app/common/index.js b/animism-align/frontend/app/common/index.js index 1f0a61d..939e4e8 100644 --- a/animism-align/frontend/app/common/index.js +++ b/animism-align/frontend/app/common/index.js @@ -1,3 +1,12 @@ + +import './fonts.css' +import './app.css' +import './form.css' +import './table.css' +import './modal.css' +import './miscellaneous.css' +import './upload.css' + // export { default as Header } from 'app/common/header.component' export { MenuButton, SmallMenuButton, MenuRoute, @@ -8,7 +17,7 @@ export { LabelDescription, ColorInput, } from 'app/common/form.component' export { - Loader, Swatch, Dot, Columns, Statistic, Detections, Progress + Swatch, Dot, Columns, Statistic, Detections, Progress } from 'app/common/miscellaneous.component' export { default as TableIndex } from 'app/common/tableIndex.component' export { @@ -17,15 +26,7 @@ export { } from 'app/common/table.component' export { default as CopyToClipboardButton } from 'app/common/copyToClipboardButton.component' export { default as ImageCrop } from 'app/common/imageCrop.component' +export { Loader } from 'app/common/loader.component' export { Modal } from 'app/common/modal.component' export { default as UploadImage } from 'app/common/uploadImage.component' export { default as Slider } from 'app/common/slider.component' - -import './fonts.css' -import './app.css' -import './form.css' -import './loader.css' -import './table.css' -import './modal.css' -import './miscellaneous.css' -import './upload.css' diff --git a/animism-align/frontend/app/common/loader.component.js b/animism-align/frontend/app/common/loader.component.js new file mode 100644 index 0000000..846c9cc --- /dev/null +++ b/animism-align/frontend/app/common/loader.component.js @@ -0,0 +1,14 @@ +import React from 'react' + +import './loader.css' + +export const Loader = () => ( + <div> + <div className='circular-loader color'> + <div className="stroke"> + <div className="stroke-left"></div> + <div className="stroke-right"></div> + </div> + </div> + </div> +) diff --git a/animism-align/frontend/app/common/miscellaneous.component.js b/animism-align/frontend/app/common/miscellaneous.component.js index 8021c5d..bf2c266 100644 --- a/animism-align/frontend/app/common/miscellaneous.component.js +++ b/animism-align/frontend/app/common/miscellaneous.component.js @@ -2,17 +2,6 @@ import React, { Component } from 'react' import { Link } from 'react-router-dom' import { clamp, percent } from 'app/utils' -export const Loader = () => ( - <div> - <div className='circular-loader color'> - <div className="stroke"> - <div className="stroke-left"></div> - <div className="stroke-right"></div> - </div> - </div> - </div> -) - export const Swatch = ({ color }) => ( <div className='swatch' diff --git a/animism-align/frontend/app/constants.js b/animism-align/frontend/app/constants.js index 711d979..75137b6 100644 --- a/animism-align/frontend/app/constants.js +++ b/animism-align/frontend/app/constants.js @@ -1,5 +1,9 @@ import { capitalize } from 'app/utils' +export const { NODE_ENV } = process.env +export const ENV_DEVELOPMENT = NODE_ENV !== 'production' +export const ENV_PRODUCTION = NODE_ENV === 'production' + export const URLS = { audio: '/static/data_store/peaks/animism_episode_01_2810.mp3', peaks: '/static/data_store/peaks/peaks.json', diff --git a/animism-align/frontend/app/views/audio/audio.reducer.js b/animism-align/frontend/app/views/audio/audio.reducer.js index 46dc384..bd6bbae 100644 --- a/animism-align/frontend/app/views/audio/audio.reducer.js +++ b/animism-align/frontend/app/views/audio/audio.reducer.js @@ -1,5 +1,5 @@ import * as types from 'app/types' -import { session, getDefault, getDefaultInt } from 'app/session' +// import { session, getDefault, getDefaultInt } from 'app/session' const initialState = { started: false, diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js index 932729f..90787db 100644 --- a/animism-align/frontend/app/views/viewer/viewer.container.js +++ b/animism-align/frontend/app/views/viewer/viewer.container.js @@ -20,7 +20,8 @@ import './player/player.fullscreen.css' import './player/player.transcript.css' import './player/components.media/media.css' -import { Loader } from 'app/common' +import { Loader } from 'app/common/loader.component' +import { ENV_DEVELOPMENT } from 'app/constants' import NavParent from './nav/nav.parent' import ViewerSections from './sections/viewer.sections' @@ -69,7 +70,7 @@ class ViewerContainer extends Component { <ViewerSections /> <Transcript /> <Checklist /> - <Route exact path='/viewer/:component/' component={ViewerRouter} /> + {ENV_DEVELOPMENT && <Route exact path='/viewer/:component/' component={ViewerRouter} />} </div> <VitrineModal /> </div> |