feat: refactor overview button

src/context/filter-context.ts

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+
+export interface FilterContextType {
+  filter: boolean;
+  setFilter: (filter: boolean) => void;
+}
+
+export const FilterContext = createContext<FilterContextType | undefined>(
+  undefined,
+);

src/context/network-filter-context.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { ReactNode, useState } from "react";
+import { FilterContext } from "./filter-context";
+
+export function FilterProvider({ children }: { children: ReactNode }) {
+  const [filter, setFilter] = useState<boolean>(false);
+
+  return (
+    <FilterContext.Provider value={{ filter, setFilter }}>
+      {children}
+    </FilterContext.Provider>
+  );
+}

src/context/status-context.ts

@@ -0,0 +1,12 @@
+import { createContext } from "react";
+
+export type Status = "all" | "online" | "offline";
+
+export interface StatusContextType {
+  status: Status;
+  setStatus: (status: Status) => void;
+}
+
+export const StatusContext = createContext<StatusContextType | undefined>(
+  undefined,
+);

src/context/status-provider.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { ReactNode, useState } from "react";
+import { Status, StatusContext } from "./status-context";
+
+export function StatusProvider({ children }: { children: ReactNode }) {
+  const [status, setStatus] = useState<Status>("all");
+
+  return (
+    <StatusContext.Provider value={{ status, setStatus }}>
+      {children}
+    </StatusContext.Provider>
+  );
+}