diff --git a/frontend/README.md b/README.md similarity index 100% rename from frontend/README.md rename to README.md diff --git a/frontend/src/components/ConnectBlock.js b/frontend/src/components/ConnectBlock.js index fe07636..985d51e 100644 --- a/frontend/src/components/ConnectBlock.js +++ b/frontend/src/components/ConnectBlock.js @@ -4,6 +4,7 @@ import Table from './Table'; const ConnectBlock = () => { const [connectData, setConnectData] = useState(''); + const [display, setDisplay] = useState('none'); useEffect(() => { fetch('http://ip-api.com/json') @@ -11,6 +12,7 @@ const ConnectBlock = () => { .then((data) => { setConnectData(data); }); + setDisplay('block'); }, []); const detectTor = () => { @@ -57,7 +59,9 @@ const ConnectBlock = () => { return (

Connection

- +
+
+

Explanation: JavaScript can be used to read various information about your software. This information can be used to create a diff --git a/frontend/src/components/FingerprintBlock.js b/frontend/src/components/FingerprintBlock.js index 477a5b1..51dcbfc 100644 --- a/frontend/src/components/FingerprintBlock.js +++ b/frontend/src/components/FingerprintBlock.js @@ -7,12 +7,14 @@ import Table from './Table'; const FingerprintBlock = () => { const [name, setName] = useState(''); const [saved, setSaved] = useState(''); + const [display, setDisplay] = useState('none'); useEffect(() => { axios.get(`/api/fingerprint/?hash=${hash}`).then((response) => { if (response.data.length !== 0) { setName(response.data[response.data.length - 1].name); } + setDisplay('block'); }); }, []); @@ -120,13 +122,15 @@ const FingerprintBlock = () => { return (

Fingerprint

- {name ? ( -
- ) : ( -
-
{hash}
-
- )} +
+ {name ? ( +
+ ) : ( +
+
{hash}
+
+ )} +

Explanation: JavaScript can be used to read various information about your software. This information can be used to create a diff --git a/frontend/src/components/LocationBlock.js b/frontend/src/components/LocationBlock.js index 87e5df7..f67f904 100644 --- a/frontend/src/components/LocationBlock.js +++ b/frontend/src/components/LocationBlock.js @@ -4,6 +4,7 @@ import Table from './Table'; const LocationBlock = () => { const [locationData, setLocationData] = useState(''); + const [display, setDisplay] = useState('none'); useEffect(() => { fetch('http://ip-api.com/json') @@ -11,6 +12,7 @@ const LocationBlock = () => { .then((data) => { setLocationData(data); }); + setDisplay('block'); }, []); const mapUrl = `https://maps.googleapis.com/maps/api/staticmap?center=${locationData.lat},${locationData.lon}&markers=color:red%7Clabel:%7C${locationData.lat},${locationData.lon}&size=500x200&zoom=10&key=AIzaSyB-YN-X8PGBSPd7NOaQu4csVhgJUnF3ZGk`; @@ -52,12 +54,14 @@ const LocationBlock = () => {

Location

Map of current location -
-

- Explanation: JavaScript can be used to read various information - about your software. This information can be used to create a - fingerprint. -

+
+
+

+ Explanation: JavaScript can be used to read various information + about your software. This information can be used to create a + fingerprint. +

+ ); }; diff --git a/frontend/src/components/StartBlock.js b/frontend/src/components/StartBlock.js index 1bd7c63..fb59f60 100644 --- a/frontend/src/components/StartBlock.js +++ b/frontend/src/components/StartBlock.js @@ -25,7 +25,7 @@ const StartBlock = ({ onScanClick }) => { const handleInputClick = async () => { document.getElementById('scanButton').value = 'Loading...'; - await delay(2000); + await delay(100); startScan(); };