From e58b453f24c8b4081361112862d29c34eb22009d Mon Sep 17 00:00:00 2001
From: Melonai <einebeere@gmail.com>
Date: Wed, 20 May 2020 19:52:18 +0200
Subject: port to react and better error handling in backend

---
 client/src/App.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 client/src/App.js

(limited to 'client/src/App.js')

diff --git a/client/src/App.js b/client/src/App.js
new file mode 100644
index 0000000..135a037
--- /dev/null
+++ b/client/src/App.js
@@ -0,0 +1,25 @@
+import React, {useState} from 'react';
+import './App.css';
+import Title from './Components/Title';
+import Form from './Components/Form';
+import ResponseContainer from './Components/ResponseContainer';
+import shortid from 'shortid';
+
+function App() {
+    const [requests, setRequests] = useState([]);
+
+    const addRequest = (newRequest) => {
+        const newRequests = [{url: newRequest, key: shortid.generate()}, ...requests];
+        setRequests(newRequests.slice(0, 2));
+    }
+
+    return (
+        <div>
+            <Title/>
+            <Form addRequest={addRequest}/>
+            <ResponseContainer requests={requests}/>
+        </div>
+    );
+}
+
+export default App;
-- 
cgit 1.4.1