Detects if there is a name before showing hash

frontend/src/components/FingerprintBlock.js

@@ -13,12 +13,15 @@ import {
 
 const FingerprintBlock = () => {
   const [name, setName] = useState('');
+  const [load, setLoad] = useState(false);
   const [saved, setSaved] = useState('');
   const hash = getHash([...getHardware(), ...getWebGL(), ...getSoftware()]);
-  getName(hash, setName);
+  getName(hash, setName, setLoad);
   return (
     <ScanBlock>
       <h1>Fingerprint</h1>
+      {load && (
+        <>
           {name ? (
             <Table data={getFingerprint(name, hash)} />
           ) : (
@@ -26,6 +29,8 @@ const FingerprintBlock = () => {
               <div className="hash">{hash}</div>
             </div>
           )}
+        </>
+      )}
       <p>
         <b>Explanation:</b> This is a unique identifier that can be used to
         follow you around the web. Even if you clear cookies, change your IP or

frontend/src/components/main.js

@@ -322,13 +322,14 @@ const getFingerprint = (name, hash) => {
 
 const getHash = (data) => md5(JSON.stringify(data)).toString();
 
-const getName = (hash, setName) => {
+const getName = (hash, setName, setLoad) => {
   axios
     .get(`https://api.vytal.io/fingerprint/?hash=${hash}`)
     .then((response) => {
       if (response.data.length !== 0) {
         setName(response.data[response.data.length - 1].name);
       }
+      setLoad(true);
     });
 };