test backend changes api snivver interfaces

frontend/src/api/apiClient.ts

@@ -18,9 +18,14 @@ import {
   ScriptInfo,
   ScriptUploadResponse,
   ScriptWithStatus,
-  StatusForNameResponse
+  StatusForNameResponse,
 } from '../types/scripting';
-import { SnifferStatusResponse } from '../types/sniffer';
+import {
+  SnifferStartRequest,
+  SnifferStartResponse,
+  SnifferStatusResponse,
+  SnifferStopResponse,
+} from '../types/sniffer';
 
 const BASE = 'http://mitm.lan/api';
 
@@ -99,23 +104,21 @@ export const removeBridge = async (req: BridgeRemoveRequest) => {
    Sniffer
    ------------------------- */
 
+export const startSniffer = async (payload: SnifferStartRequest): Promise<SnifferStartResponse> => {
+  const res = await api.post<SnifferStartResponse>('/sniffer/start', payload);
+  return res.data;
+};
+
+export const stopSniffer = async (): Promise<SnifferStopResponse> => {
+  const res = await api.post<SnifferStopResponse>('/sniffer/stop');
+  return res.data;
+};
+
 export const fetchSnifferStatus = async (): Promise<SnifferStatusResponse> => {
   const res = await api.get<SnifferStatusResponse>('/sniffer/status');
   return res.data;
 };
 
-/* export const snifferStart = async (
-  req: SnifferStartRequest
-): Promise<SnifferStartResponse> => {
-  const res = await api.post<SnifferStartResponse>("/sniffer/start", req);
-  return res.data;
-};
-
-export const snifferStop = async (): Promise<SnifferStopResponse> => {
-  const res = await api.post<SnifferStopResponse>("/sniffer/stop");
-  return res.data;
-};
- */
 /* -------------------------
    Packets
    ------------------------- */