From e4c7448b0b8114c5dd35dacbd8cb71437340b8c2 Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Tue, 28 Sep 2021 16:27:34 -0400
Subject: [PATCH] Added signature form

---
 frontend/src/components/FingerprintBlock.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FingerprintBlock.js b/frontend/src/components/FingerprintBlock.js
index a3e0bb9..59ae30f 100644
--- a/frontend/src/components/FingerprintBlock.js
+++ b/frontend/src/components/FingerprintBlock.js
@@ -5,8 +5,9 @@ import Table from './Table';
 import getHash from '../utils/fingerprint';
 
 const FingerprintBlock = ({ workerData }) => {
+  const [signature, setSignature] = useState();
+
   const hash = getHash(workerData);
-  console.log(hash);
   return (
     <Block>
       <h1>Fingerprint</h1>
@@ -19,6 +20,19 @@ const FingerprintBlock = ({ workerData }) => {
         use private mode the hash will stay the same. Enter your name below and
         reload the page in private mode to test it out.
       </p>
+      {signature ? (
+        <p>Success! Reload browser.</p>
+      ) : (
+        <form onSubmit={(e) => setSignature(e.target[0].value)}>
+          <input
+            type="text"
+            id="name"
+            name="name"
+            placeholder="Enter signature"
+          />
+          <input type="submit" id="saveButton" value="Save" maxLength="100" />
+        </form>
+      )}
     </Block>
   );
 };