🔀 Merge pull request #51 from alexlee-dev/feature/realtime-item-timer

✨ ItemTimer uses real time.

src/components/ItemTimer.js

@@ -1,17 +1,18 @@
 import React, { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
-import moment from 'moment'
 import {
   setTimerRunning,
   clearItems,
   refreshItems
 } from '../redux/actions/world'
+import { createDuration } from '../util'
 
 const ItemTimer = ({ handleTimerStarted, handleTimerStopped, world }) => {
   const { isTimerRunning } = world
 
-  let duration = moment.duration({ minutes: 10, seconds: 0 })
+  let duration = createDuration()
+
   const [timeLeft, setTimeLeft] = useState(
     `${duration.minutes()} minutes ${duration.seconds()} seconds`
   )

src/util.js

@@ -1,5 +1,6 @@
 import { itemList, planets } from './constants'
 import uuidv4 from 'uuid/v4'
+import moment from 'moment'
 
 const getPlanetName = () => {
   const planet = planets[Math.floor(Math.random() * planets.length)]
@@ -71,3 +72,16 @@ export const saveState = state => {
     console.error(error)
   }
 }
+
+export const createDuration = () => {
+  const deadline = moment().minutes(60)
+  const now = moment()
+
+  const minutesLeft = deadline
+    .clone()
+    .subtract(now.minutes(), 'minutes')
+    .minutes()
+  const secondsLeft = 60 - now.seconds()
+
+  return moment.duration({ minutes: minutesLeft, seconds: secondsLeft })
+}