all async paths working

1 files changed, 4 insertions, 15 deletions

diff --git a/client/components/UI/AudioPlayerView.jsx b/client/components/UI/AudioPlayerView.jsx
index d2c9982..e715c27 100644
--- a/client/components/UI/AudioPlayerView.jsx
+++ b/client/components/UI/AudioPlayerView.jsx
@@ -1,19 +1,21 @@
 import { h, Component } from 'preact'
-
+import { pngpath, mp3path } from '../../vendor/paths'
 const audio = document.createElement('audio')
 
 export default function AudioPlayerView (props) {
   if (props.file) {
     document.body.style.backgroundImage = 'url(' + pngpath(props.file) + ')'
     audio.src = mp3path(props.file)
+    audio.currentTime = 0
     audio.play()
     return (
-      <div class='audioPlayer'>
+      <div class='audioPlayer' onClick={() => audio.paused ? audio.play() : audio.pause()}>
         Playing {props.file.name}
       </div>
     )
   }
   else {
+    audio.pause()
     return (
       <div class='audioPlayer'>
         Not Playing
@@ -21,16 +23,3 @@ export default function AudioPlayerView (props) {
     )
   }
 }
-
-function filepath (file) {
-  return '/data/' + file.folder_id + '/' + encodeURIComponent(file.name)
-}
-function mp3path (file) {
-  if (file.mime !== 'audio/mp3') {
-    return filepath(file) + '.mp3'
-  }
-  return filepath(file)
-}
-function pngpath (file) {
-  return filepath(file) + '.png'
-}