pushing files to s3.. filelist color

2 files changed, 4 insertions, 3 deletions

diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index 81eeddf..7f4e5fe 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -12,7 +12,7 @@ class FileList extends Component {
     const { files } = this.props
 	  const fileList = files.map(file => {
 	   	return (
-		   	<div class='row' key={file.name}>
+		   	<div class='row file' key={file.name}>
           <div className="filename">{file.name || file.url}</div>
           <div className="size">{file.size ? ((file.size) / 1024 / 1024).toFixed(1) + ' mb.' : ''}</div>
           <div className="date">{moment(file.created_at).format("YYYY-MM-DD H:mm")}</div>
diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index 5c1c145..02d48b9 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -7,7 +7,7 @@ import * as systemActions from '../system/system.actions'
 
 import modules from '../modules'
 
-function Header({ fps, app, actions }) {
+function Header({ app, fps, playing, actions }) {
   const tool_list = Object.keys(modules).map((name, i) => {
     const label = name.replace(/_/, " ")
     return <option value={name} key={i}>{label}</option>
@@ -24,7 +24,7 @@ function Header({ fps, app, actions }) {
       <span><Link to="/system">system</Link></span>
       <span><Link to="/dashboard">dashboard</Link></span>
       <Links />
-      <span>{fps} fps</span>
+      {playing && <span>{fps} fps</span>}
     </header>
   )
 }
@@ -32,6 +32,7 @@ function Header({ fps, app, actions }) {
 const mapStateToProps = state => ({
   app: state.system.app,
   fps: state.live.fps,
+  playing: state.live.playing,
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({