From 635c210c7342cf309441b6411cb00b803b0fa98d Mon Sep 17 00:00:00 2001
From: Nicola Zambello <nzambello@protonmail.com>
Date: Fri, 10 Jan 2020 09:44:48 +0100
Subject: [PATCH] dev

---
 .env                 |  1 +
 public/manifest.json | 35 ++++++++++++-----------------------
 src/App.js           | 40 +++++++++++++++++++++++-----------------
 3 files changed, 36 insertions(+), 40 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..e78ce04
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+INLINE_RUNTIME_CHUNK=false
diff --git a/public/manifest.json b/public/manifest.json
index 080d6c7..ffdb18c 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,25 +1,14 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "manifest_version": 2,
+  "version": "1.0",
+  "name": "Convert time to h",
+  "icons": {
+    "192": "logo192.png",
+    "512": "logo512.png"
+  },
+  "browser_action": {
+    "default_icon": "logo192.png",
+    "default_title": "Converttime",
+    "default_popup": "index.html"
+  }
 }
diff --git a/src/App.js b/src/App.js
index ce9cbd2..d59abe4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,24 +1,30 @@
-import React from 'react';
-import logo from './logo.svg';
+import React, {useState} from 'react';
 import './App.css';
 
-function App() {
+const parseTime = time => {
+  const parsed = parseInt(time, 10);
+  if (isNaN(parsed)) return 0;
+  return parsed;
+};
+
+const App = () => {
+  const [hours, setHours] = useState(0)
+  const [minutes, setMinutes] = useState(0)
+  const [seconds, setSeconds] = useState(0)
+
+  const result = hours + minutes / 60 + seconds / (60 * 60)
+
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <div>
+        <input id="hours" type="text" value={hours} onChange={e => setHours(parseTime(e.target.value, 10))} />
+        <input id="minutes" type="text" value={minutes} onChange={e => setMinutes(parseTime(e.target.value, 10))} />
+        <input id="seconds" type="text" value={seconds} onChange={e => setSeconds(parseTime(e.target.value, 10))} />
+      </div>
+      <br />
+      <div>
+        <pre>{result} h</pre>
+      </div>
     </div>
   );
 }