1
import { getJobs } from "@/actions/get-job";
2
import SearchContainer from "@/components/search-container";
3
import { db } from "@/lib/db";
4
import { auth } from "@clerk/nextjs/server";
5
import {CategoriesList} from "./_components/categories-list";
6
import {PageContent} from "./_components/page-content";
7
import { Suspense } from "react";
8
// import { Suspense } from "react";
9

10

11
interface SearchProps {
12
    searchParams: Promise<{
13
        title?: string;
14
        categoryId? : string;
15
        createdAtFilter?: string;
16
        shiftTiming?: string;
17
        workMode?: string;
18
        yearsOfExperience?: string;
19
    }>
20
}
21

22
export default async function SearchPage({searchParams}: SearchProps)  {
23
    const categories = await db.category.findMany({
24
        orderBy: {
25
            name: "asc",
26
        },
27
    });
28

29
    const { userId } =  await auth();
30

31
    // Await searchParams to get the actual object
32
    
33
    const resolvedSearchParams = await searchParams;
34
    
35
    const jobs = await getJobs({...resolvedSearchParams});
36

37

38
  return (
39
    <>
40
    
41
       <div className="px-6 pt-6 block md:hidden md:mb-0">
42
        <Suspense>
43
            <SearchContainer/>
44
        </Suspense>
45
          
46

47
      </div>
48

49
      <div className="p-6">
50
        {/* categories */}
51
        <CategoriesList categories={categories}/>
52

53
        {/* applied filters */}
54

55
        {/* page content */}
56
        <PageContent jobs={jobs} userId={userId}/>
57
      </div>
58
      
59
    </>
60
  )
61
}