Timer funcionando

Author: zfelipesilveira

src/containers/CardDescription.tsx

@@ -24,7 +24,6 @@ const CardDescription: React.FC<ScreenProps> = ({
   onPress2,
   onPress3,
 }) => {
-  const [timestamp, setTimestamp] = useState("00:00:00");
   const [time, setTime] = useState(0);
   const [isActive, setIsActive] = useState(false);
   let button1 = "";
@@ -77,6 +76,16 @@ const CardDescription: React.FC<ScreenProps> = ({
 
   const navigation = useNavigation();
 
+  const getTime = () => {
+    const min = (time % 3600) / 60;
+    const hour = time / 3600;
+    const sec = time % 60;
+    const formatHour = Math.floor(hour).toString().padStart(2, "0");
+    const formatMin = Math.floor(min).toString().padStart(2, "0");
+    const formatSec = sec.toString().padStart(2, "0");
+    return `${formatHour}:${formatMin}:${formatSec}`;
+  };
+
   const handlePress1 = () => {
     toggle();
     onPress1();
@@ -110,7 +119,7 @@ const CardDescription: React.FC<ScreenProps> = ({
               style={styles.imagePadding}
               source={require("../assets/clock-carousel.png")}
             />
-            <Text style={styles.normalText}>{time}</Text>
+            <Text style={styles.normalText}>{getTime()}</Text>
           </View>
           <View style={styles.cardInfo}>
             <Image

tsconfig.json

@@ -4,7 +4,9 @@
     "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
     "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
     "lib": [
-      "es6"
+      "es2017",
+      "dom",
+      "scripthost"
     ] /* Specify library files to be included in the compilation. */,
     "allowJs": true /* Allow javascript files to be compiled. */,
     // "checkJs": true,                       /* Report errors in .js files. */