[issue 🤞] filtering

Author: devlopersabbir

package.json

@@ -1,8 +1,8 @@
 {
   "name": "finddevs",
   "description": "Discover All Developers From The Programming World",
-  "version": "0.1.6",
-  "private": true,
+  "version": "0.1.7",
+  "private": false,
   "scripts": {
     "dev": "next dev",
     "build": "next build",

src/components/contents/ProfileGrid.tsx

@@ -3,7 +3,14 @@ import { db } from "@/database";
 import { users } from "@/schemas";
 import ProfileCard from "./ProfileCard";
 import Paginations from "../pagination/Paginations";
-import { ilike, or, sql, arrayContains } from "drizzle-orm";
+import {
+  ilike,
+  or,
+  sql,
+  arrayContained,
+  arrayContains,
+  arrayOverlaps,
+} from "drizzle-orm";
 import Notfound from "../shared/Notfound";
 import Search from "../shared/search/Search";
 
@@ -16,30 +23,30 @@ const ProfileGrid = async ({ page, searchParams }: Props) => {
   const currentPage = parseInt(page); // like 1
   const itemPerPage = 5; // we want to show 5 item in per pages
   const offset = (currentPage - 1) * itemPerPage; // (1 - 1) * 3 = 0
-  const searchSkills = searchParams ? searchParams.split(',') : []; // Assuming skills are searched by a comma-separated string in searchParams
 
   const [lengths, profiles] = await Promise.all([
     db.select({ count: sql<number>`count(*)` }).from(users),
     searchParams
       ? db
-        .select()
-        .from(users)
-        .where(
-          or(
-            ilike(users.name, `%${searchParams}%`),
-            ilike(users.location, `%${searchParams}%`),
-            ...(searchSkills.length > 0 ? [arrayContains(users.skills, searchSkills)] : [])
-          ),
-        )
-        .limit(itemPerPage)
-        .offset(offset)
+          .select()
+          .from(users)
+          .where(
+            or(
+              ilike(users.name, `%${searchParams}%`),
+              ilike(users.location, `%${searchParams}%`),
+              ilike(users.description, `%${searchParams}%`)
+            )
+          )
+          .limit(itemPerPage)
+          .offset(offset)
       : db
-        .select()
-        .from(users)
-        .orderBy(sql.raw("RANDOM()"))
-        .limit(itemPerPage)
-        .offset(offset),
+          .select()
+          .from(users)
+          .orderBy(sql.raw("RANDOM()"))
+          .limit(itemPerPage)
+          .offset(offset),
   ]);
+
   const count = lengths[0].count;
   return (
     <div className="lg:mt-32 mt-[10rem] mb-8 border-t-orange-500 lg:ml-[20rem] px-4 lg:px-6 overflow-y-scroll relative">