malmert
e3a555089e
All checks were successful
Build and Deploy MITM Webserver / build (push) Successful in 8s
34 lines
794 B
TypeScript
34 lines
794 B
TypeScript
import { useEffect } from 'react';
|
|
import { fetchSnifferStatus } from '../api/apiClient';
|
|
import { useBackendAPI } from '../hooks/useBackendAPI';
|
|
|
|
export default function Sniffing() {
|
|
const {
|
|
interfacesQuery,
|
|
bridgesQuery,
|
|
createBridge,
|
|
removeBridge,
|
|
fetchBridges,
|
|
fetchInterfaces,
|
|
refreshBridges,
|
|
refreshInterfaces,
|
|
isCreating,
|
|
isRemoving,
|
|
snifferStatusQuery,
|
|
} = useBackendAPI();
|
|
|
|
// fetch on mount (explicit, since queries are disabled by default)
|
|
useEffect(() => {
|
|
fetchInterfaces().catch(() => {});
|
|
fetchSnifferStatus().catch(() => {});
|
|
}, []);
|
|
|
|
const bridges = bridgesQuery.data ?? [];
|
|
const snifferStatus = snifferStatusQuery.data;
|
|
return (
|
|
<div className="sniffing-body">
|
|
<h1>Sniffing</h1>
|
|
</div>
|
|
);
|
|
}
|