fix(download-tab): Displays correct duration

src/components/tabs/download/Download.vue

@@ -25,7 +25,7 @@
 <script>
   import { compose } from 'lodash'
   import store from 'store'
-  import { calcHours, calcMinutes, localeDate } from 'utils/time'
+  import { calcHours, calcMinutes, localeDate, fromPlayerTime } from 'utils/time'
 
   import ButtonComponent from 'shared/Button'
   import InputSelectComponent from 'shared/InputSelect'

src/components/tabs/info/Info.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-  import { calcHours, calcMinutes, localeDate, localeTime, millisecondsToSeconds } from 'utils/time'
+  import { calcHours, calcMinutes, localeDate, localeTime } from 'utils/time'
 
   import CalendarIcon from 'icons/CalendarIcon'
   import ClockIcon from 'icons/ClockIcon'
@@ -53,8 +53,8 @@
     computed: {
       episodeDuration () {
         return {
-          hours: calcHours(millisecondsToSeconds(this.duration)),
-          minutes: calcMinutes(millisecondsToSeconds(this.duration))
+          hours: calcHours(this.duration),
+          minutes: calcMinutes(this.duration)
         }
       },
       sectionStyle () {

src/utils/time.js

@@ -25,19 +25,13 @@ export const toPlayerTime = (time = '0') => {
   return (hours * 60 * 60 * 1000) + (minutes * 60 * 1000) + (seconds * 1000) + milliseconds
 }
 
-export const calcSeconds = (time = 0) => parseInt(time % 60)
-export const calcMinutes = (time = 0) => parseInt(time / 60) % 60
-export const calcHours = (time = 0) => parseInt(time / 3600) % 24
-
 export const localeDate = (timestamp, locale) => new Date(timestamp).toLocaleDateString(locale)
 export const localeTime = (timestamp, locale) => new Date(timestamp).toLocaleTimeString(locale, {hour: '2-digit', minute: '2-digit'})
 
 const leadingZero = time => time > 9 ? `${time}` : `0${time}`
 
 // Transforms milliseconds to (hh:)mm:ss
 export const fromPlayerTime = (time = 0) => {
-  time = time < 0 ? 0 : time / 1000
-
   let hours = compose(calcHours, toInt)(time)
   let minutes = compose(calcMinutes, toInt)(time)
   let seconds = compose(calcSeconds, toInt)(time)
@@ -54,3 +48,7 @@ export const fromPlayerTime = (time = 0) => {
 export const secondsToMilliseconds = compose(toInt, input => input * 1000, toFloat)
 export const millisecondsToSeconds = compose(toFloat, input => input / 1000, toInt)
 export const parseDate = (utcDate) => utcDate ? new Date(utcDate).getTime() : null
+
+export const calcSeconds = compose((time = 0) => parseInt(time % 60), millisecondsToSeconds)
+export const calcMinutes = compose((time = 0) => parseInt(time / 60) % 60, millisecondsToSeconds)
+export const calcHours = compose((time = 0) => parseInt(time / 3600) % 24, millisecondsToSeconds)