refactor files so list updates while processing

2 files changed, 4 insertions, 5 deletions

diff --git a/client/components/UI/AudioPlayer.jsx b/client/components/UI/AudioPlayerView.jsx
index 1a68518..62745ed 100644
--- a/client/components/UI/AudioPlayer.jsx
+++ b/client/components/UI/AudioPlayerView.jsx
@@ -2,9 +2,9 @@ import { h, Component } from 'preact'
 
 const audio = document.createElement('audio')
 
-export default function AudioPlayer (props) {
+export default function AudioPlayerView (props) {
   if (props.file) {
-    document.body.style.backgroundImage = 'url(' + pngpath(file) + ')'
+    document.body.style.backgroundImage = 'url(' + pngpath(props.file) + ')'
     audio.src = mp3path(props.file)
     audio.play()
     return (
diff --git a/client/components/UI/Header.jsx b/client/components/UI/Header.jsx
index 55dd25f..3f643ba 100644
--- a/client/components/UI/Header.jsx
+++ b/client/components/UI/Header.jsx
@@ -1,6 +1,5 @@
 import { h, Component } from 'preact'
-// import { Link } from 'react-router-dom'
-import AudioPlayerContainer from '../../containers/audioPlayerContainer.js'
+import AudioPlayer from '../../containers/audioPlayer.js'
 
 export default class Header extends Component {
   constructor(props) {
@@ -12,7 +11,7 @@ export default class Header extends Component {
     return (
       <div class='header'>
         <b>spawn cortex</b>
-        <AudioPlayerContainer />
+        <AudioPlayer />
       </div>
     )
   }