From 13f88526222759b03f021b33a9f4a9ceb9ef0a25 Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Wed, 29 Sep 2021 18:25:32 -0400
Subject: [PATCH] Stop form from reloading page

---
 frontend/src/components/FingerprintBlock.css | 1 +
 frontend/src/components/FingerprintBlock.js  | 2 +-
 frontend/src/utils/connection.js             | 2 +-
 frontend/src/utils/fingerprint.js            | 6 ++++--
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/FingerprintBlock.css b/frontend/src/components/FingerprintBlock.css
index e18f507..0ff57f4 100644
--- a/frontend/src/components/FingerprintBlock.css
+++ b/frontend/src/components/FingerprintBlock.css
@@ -26,6 +26,7 @@ form {
   cursor: pointer;
   color: var(--text);
   margin: 0 0 0 6px;
+  -webkit-appearance: none;
 }
 
 .saveButton:hover {
diff --git a/frontend/src/components/FingerprintBlock.js b/frontend/src/components/FingerprintBlock.js
index afe2f17..db4cf5f 100644
--- a/frontend/src/components/FingerprintBlock.js
+++ b/frontend/src/components/FingerprintBlock.js
@@ -39,7 +39,7 @@ const FingerprintBlock = ({ workerData }) => {
         if you clear cookies, change your IP or use private mode the hash will
         stay the same. Enter a signature and turn on a VPN to test it out.
       </p>
-      <form onSubmit={(e) => postSignature(hash, e.target[0].value)}>
+      <form onSubmit={(e) => postSignature(hash, e, setSignature)}>
         <input
           type="text"
           id="signature"
diff --git a/frontend/src/utils/connection.js b/frontend/src/utils/connection.js
index a86c03f..5a357e6 100644
--- a/frontend/src/utils/connection.js
+++ b/frontend/src/utils/connection.js
@@ -75,7 +75,7 @@ const getConnection = (data) => {
       issues: [isProxy],
     },
     {
-      key: 'Organization',
+      key: 'Org',
       value: data.org,
       issues: [isProxy],
     },
diff --git a/frontend/src/utils/fingerprint.js b/frontend/src/utils/fingerprint.js
index 92bec38..0d4d42f 100644
--- a/frontend/src/utils/fingerprint.js
+++ b/frontend/src/utils/fingerprint.js
@@ -14,11 +14,13 @@ const getSignature = (hash, setSignature, setload) => {
     });
 };
 
-const postSignature = (hash, signature) => {
+const postSignature = (hash, e, setSignature) => {
+  e.preventDefault();
   axios.post('https://api.vytal.io/fingerprint/', {
-    name: signature,
+    name: e.target[0].value,
     hash,
   });
+  setSignature(e.target[0].value);
 };
 
 const getHash = (data) => md5(JSON.stringify(data)).toString();