Turning seconds into minutes

nomadcoders · Oct 28, 2017 · 9e02e56 · 9e02e56
1 parent 3aa0fa6
commit 9e02e56
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/components/Timer/presenter.js b/components/Timer/presenter.js
@@ -2,6 +2,19 @@ import React, { Component } from "react";
 import { View, StyleSheet, Text, StatusBar } from "react-native";
 import Button from "../Button";
 
+function formatTime(time) {
+  var minutes = Math.floor(time / 60);
+  time -= minutes * 60;
+
+  var seconds = parseInt(time % 60, 10);
+
+  return `${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10
+    ? `0${seconds}`
+    : seconds}`;
+
+  return;
+}
+
 class Timer extends Component {
   componentWillReceiveProps(nextProps) {
     const currentProps = this.props;
@@ -24,12 +37,13 @@ class Timer extends Component {
       startTimer,
       restartTimer
     } = this.props;
-    console.log(elapsedTime);
     return (
       <View style={styles.container}>
         <StatusBar barStyle="light-content" />
         <View style={styles.upper}>
-          <Text style={styles.time}>25:00</Text>
+          <Text style={styles.time}>
+            {formatTime(timerDuration - elapsedTime)}
+          </Text>
         </View>
         <View style={styles.lower}>
           {!isPlaying && <Button iconName={"ios-play"} onPress={startTimer} />}