Playing videos working better

ui/js/actions/content.js

@@ -275,11 +275,7 @@ export function doWatchVideo() {
     const { cost } = costInfo
 
     // TODO does > 0 mean the file is downloaded? We don't have the total_bytes
-    console.log(fileInfo)
-    console.log(fileInfo.written_bytes)
-    console.log('wtf')
     if (fileInfo.written_bytes > 0) {
-      console.debug('this file is already downloaded')
       dispatch(doPlayVideo(uri))
     } else {
       if (cost > balance) {

ui/js/component/video/index.js

@@ -16,12 +16,8 @@ import {
   selectLoadingCurrentUri,
   selectCurrentUriFileReadyToPlay,
   selectCurrentUriIsPlaying,
-  selectCurrentUriFileInfo,
   selectDownloadingCurrentUri,
-} from 'selectors/file_info'
-import {
-  selectCurrentUriCostInfo,
-} from 'selectors/cost_info'
+} from 'selectors/content'
 import Video from './view'
 
 const select = (state) => ({
@@ -30,11 +26,12 @@ const select = (state) => ({
   modal: selectCurrentModal(state),
   isLoading: selectLoadingCurrentUri(state),
   readyToPlay: selectCurrentUriFileReadyToPlay(state),
-  isDownloading: selectDownloadingCurrentUri(state),
+  isDownloading: <selectDownloadingCurre></selectDownloadingCurre>ntUri(state),
 })
 
 const perform = (dispatch) => ({
   loadVideo: () => dispatch(doLoadVideo()),
+  play: () => dispatch(doPlayVideo()),
   watchVideo: (elem) => dispatch(doWatchVideo()),
   closeModal: () => dispatch(doCloseModal()),
 })

ui/js/reducers/app.js

@@ -8,6 +8,7 @@ const defaultState = {
   drawerOpen: sessionStorage.getItem('drawerOpen') || true,
   upgradeSkipped: sessionStorage.getItem('upgradeSkipped'),
   daemonReady: false,
+  platform: window.navigator.platform,
 }
 
 reducers[types.NAVIGATE] = function(state, action) {

ui/js/reducers/content.js

@@ -214,12 +214,17 @@ reducers[types.DOWNLOADING_STARTED] = function(state, action) {
   } = action.data
   const newDownloading = Object.assign({}, state.downloading)
   const newByUri = Object.assign({}, newDownloading.byUri)
+  const newLoading = Object.assign({}, state.loading)
+  const newLoadingByUri = Object.assign({}, newLoading.byUri)
 
   newByUri[uri] = true
   newDownloading.byUri = newByUri
+  delete newLoadingByUri[uri]
+  newLoading.byUri = newLoadingByUri
 
   return Object.assign({}, state, {
     downloading: newDownloading,
+    loading: newLoading,
   })
 }
 

ui/js/selectors/content.js

@@ -209,7 +209,23 @@ export const selectLoadingByUri = createSelector(
 export const selectLoadingCurrentUri = createSelector(
   selectLoadingByUri,
   selectCurrentUri,
-  (byUri, uri) => byUri[uri]
+  (byUri, uri) => !!byUri[uri]
+)
+
+export const selectDownloading = createSelector(
+  _selectState,
+  (state) => state.downloading || {}
+)
+
+export const selectDownloadingByUri = createSelector(
+  selectDownloading,
+  (downloading) => downloading.byUri || {}
+)
+
+export const selectDownloadingCurrentUri = createSelector(
+  selectCurrentUri,
+  selectDownloadingByUri,
+  (uri, byUri) => byUri[uri]
 )
 
 export const shouldFetchPublishedContent = createSelector(