32 lines
883 B
JavaScript
32 lines
883 B
JavaScript
import { useState, useEffect } from 'react';
|
|
import ScanBlock from './ScanBlock';
|
|
import Table from './OldTable';
|
|
import { fetchAPI, getConnection } from './mainOld';
|
|
|
|
const ConnectionBlock = () => {
|
|
const [data, setData] = useState('');
|
|
const [display, setDisplay] = useState('');
|
|
|
|
useEffect(() => {
|
|
fetchAPI(setData, setDisplay);
|
|
}, []);
|
|
|
|
return (
|
|
<ScanBlock>
|
|
<h1>Connection</h1>
|
|
{display === 1 && <Table data={getConnection(data)} />}
|
|
{display === 0 && (
|
|
<div className="boxWrap">
|
|
Unable to fetch info. Adblock or content filter may have prevented
|
|
data from loading.
|
|
</div>
|
|
)}
|
|
<p>
|
|
<b>Explanation:</b> Your IP address reveals information about your
|
|
connection. Using a VPN or Tor will hide your connection info.
|
|
</p>
|
|
</ScanBlock>
|
|
);
|
|
};
|
|
|
|
export default ConnectionBlock;
|