From cad81be0f53fafd8c3a047d371efcbcf6327a9b7 Mon Sep 17 00:00:00 2001
From: Br0wnHammer <kumararyaman26@gmail.com>
Date: Thu, 3 Apr 2025 23:31:30 +0530
Subject: [PATCH] Feat: Uptime Monitor Filters

---
 .../Monitors/Components/Filter/index.jsx      | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/Pages/Uptime/Monitors/Components/Filter/index.jsx b/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
index d17ead982..7080b35f8 100644
--- a/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
+++ b/src/Pages/Uptime/Monitors/Components/Filter/index.jsx
@@ -27,6 +27,23 @@ import { useTranslation } from "react-i18next";
  * @returns {JSX.Element} The rendered Filter component.
  */
 
+const typeOptions = [
+	{ value: "http", label: "HTTP(S)" },
+	{ value: "ping", label: "Ping" },
+	{ value: "docker", label: "Docker" },
+	{ value: "port", label: "Port" },
+];
+
+const statusOptions = [
+	{ value: "Up", label: "Up" },
+	{ value: "Down", label: "Down" },
+];
+
+const stateOptions = [
+	{ value: "Active", label: "Active" },
+	{ value: "Paused", label: "Paused" },
+];
+
 const Filter = ({
 	selectedTypes,
 	setSelectedTypes,
@@ -76,23 +93,6 @@ const Filter = ({
 		);
 	}, [selectedState, selectedTypes, selectedStatus]);
 
-	const typeOptions = [
-		{ value: "http", label: "HTTP(S)" },
-		{ value: "ping", label: "Ping" },
-		{ value: "docker", label: "Docker" },
-		{ value: "port", label: "Port" },
-	];
-
-	const statusOptions = [
-		{ value: "Up", label: "Up" },
-		{ value: "Down", label: "Down" },
-	];
-
-	const stateOptions = [
-		{ value: "Active", label: "Active" },
-		{ value: "Paused", label: "Paused" },
-	];
-
 	return (
 		<Box
 			sx={{