From 9926de99d6bf76b2d43e9cf9bbafcb23988a805b Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Mon, 14 Jul 2025 21:39:31 +0500
Subject: [PATCH] =?UTF-8?q?feat(filters):=20replace=20existing=20filters?=
 =?UTF-8?q?=20with=20dynamic=20filters=20for=20improved=20user=20and=20dev?=
 =?UTF-8?q?ice=20management=20=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 actions/payment.ts                        |  1 -
 app/(dashboard)/parental-control/page.tsx | 27 ++++++-
 app/(dashboard)/profile/page.tsx          |  2 +-
 app/(dashboard)/users/page.tsx            | 90 ++++++++++++-----------
 4 files changed, 74 insertions(+), 46 deletions(-)

diff --git a/actions/payment.ts b/actions/payment.ts
index 9eb01ef..f21e3f2 100644
--- a/actions/payment.ts
+++ b/actions/payment.ts
@@ -11,7 +11,6 @@ import type {
 	Topup
 } from "@/lib/backend-types";
 import type { TopupResponse } from "@/lib/types";
-import type { User } from "@/lib/types/user";
 import { handleApiResponse } from "@/utils/tryCatch";
 
 type GenericGetResponseProps = {
diff --git a/app/(dashboard)/parental-control/page.tsx b/app/(dashboard)/parental-control/page.tsx
index 09dc0be..a4047d1 100644
--- a/app/(dashboard)/parental-control/page.tsx
+++ b/app/(dashboard)/parental-control/page.tsx
@@ -1,5 +1,6 @@
 import { Suspense } from "react";
 import { DevicesTable } from "@/components/devices-table";
+import DynamicFilter from "@/components/generic-filter";
 import Search from "@/components/search";
 
 export default async function ParentalControl({
@@ -27,8 +28,30 @@ export default async function ParentalControl({
         id="user-filters"
         className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
       >
-        <Search />
-      </div>
+        <DynamicFilter
+          description="Filter devices by name, MAC address, or vendor."
+          title="Device Filter"
+          inputs={[
+            {
+              name: "name",
+              label: "Device Name",
+              type: "string",
+              placeholder: "Enter device name",
+            },
+            {
+              name: "mac",
+              label: "MAC Address",
+              type: "string",
+              placeholder: "Enter MAC address",
+            },
+            {
+              name: "vendor",
+              label: "Vendor",
+              type: "string",
+              placeholder: "Enter vendor name",
+            }
+          ]}
+        />      </div>
       <Suspense key={(await searchParams).page} fallback={"loading...."}>
         <DevicesTable
           parentalControl={true}
diff --git a/app/(dashboard)/profile/page.tsx b/app/(dashboard)/profile/page.tsx
index 0b28631..f88647f 100644
--- a/app/(dashboard)/profile/page.tsx
+++ b/app/(dashboard)/profile/page.tsx
@@ -1,10 +1,10 @@
 import { redirect } from "next/navigation";
 import { getServerSession } from "next-auth";
-import { getProfileById } from "@/actions/user-actions";
 import { authOptions } from "@/app/auth";
 import ClientErrorMessage from "@/components/client-error-message";
 import { Badge } from "@/components/ui/badge";
 import { FloatingLabelInput } from "@/components/ui/floating-label";
+import { getProfileById } from "@/queries/users";
 import { tryCatch } from "@/utils/tryCatch";
 
 export default async function Profile() {
diff --git a/app/(dashboard)/users/page.tsx b/app/(dashboard)/users/page.tsx
index 248de42..f3f200d 100644
--- a/app/(dashboard)/users/page.tsx
+++ b/app/(dashboard)/users/page.tsx
@@ -1,27 +1,7 @@
-import Filter from "@/components/filter";
-import Search from "@/components/search";
-import { UsersTable } from "@/components/user-table";
-import {
-	AArrowDown,
-	AArrowUp,
-	CheckCheck,
-	Hourglass,
-	Minus,
-} from "lucide-react";
 import { Suspense } from "react";
+import DynamicFilter from "@/components/generic-filter";
+import { UsersTable } from "@/components/user-table";
 
-const sortfilterOptions = [
-	{
-		value: "asc",
-		label: "Ascending",
-		icon: <AArrowUp size={16} />,
-	},
-	{
-		value: "desc",
-		label: "Descending",
-		icon: <AArrowDown size={16} />,
-	},
-];
 
 export default async function AdminUsers({
 	searchParams,
@@ -43,33 +23,59 @@ export default async function AdminUsers({
 				id="user-table-filters"
 				className=" pb-4 gap-4 flex items-center justify-start"
 			>
-				<Search />
-				<Filter
-					options={[
+				<DynamicFilter
+					description="Filter users by id card, name, or house name and more."
+					title="User Filter"
+					inputs={[
 						{
-							value: "all",
-							label: "ALL",
-							icon: <Minus size={14} />,
+							name: "first_name",
+							label: "User First Name",
+							type: "string",
+							placeholder: "Enter user first name",
 						},
 						{
-							value: "unverified",
-							label: "Unverfieid",
-							icon: <CheckCheck size={14} />,
+							name: "last_name",
+							label: "User Last Name",
+							type: "string",
+							placeholder: "Enter user last name",
 						},
 						{
-							value: "verified",
-							label: "Verified",
-							icon: <Hourglass size={14} />,
+							name: "id_card",
+							label: "ID Card",
+							type: "string",
+							placeholder: "Enter ID card number",
 						},
+						{
+							name: "house_name",
+							label: "House Name",
+							type: "string",
+							placeholder: "Enter house name",
+						},
+						{
+							name: "mobile",
+							label: "Phone Number",
+							type: "string",
+							placeholder: "Enter phone number",
+						},
+						{
+							name: "verified",
+							type: "radio-group",
+							label: "User Status",
+							options: [
+								{
+									value: "",
+									label: "All",
+								},
+								{
+									label: "Verified",
+									value: "true",
+								},
+								{
+									label: "Unverified",
+									value: "false",
+								}]
+						}
 					]}
-					defaultOption="all"
-					queryParamKey="status"
-				/>
-
-				<Filter
-					options={sortfilterOptions}
-					defaultOption="asc"
-					queryParamKey="sortBy"
 				/>
 			</div>
 			<Suspense fallback={"loading...."}>