Stop form from reloading page

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 {

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"

frontend/src/utils/connection.js

@@ -75,7 +75,7 @@ const getConnection = (data) => {
       issues: [isProxy],
     },
     {
-      key: 'Organization',
+      key: 'Org',
       value: data.org,
       issues: [isProxy],
     },

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();