Feat/admin UI (#553)

* fix: deleted jobs were showing

* feat: jobs management page done

* feat: added new ui for the payment and recruiters

* fix: minor changes

* fix:fixed responsiveness

* fix:minor fix

* feat:removed payment

* fix:removed payments

* feat:added filters

* feat:added recruiters

* fix:minor change

* fix:minor changes

* fix:filter fixed

* fix: fixed responsiveness

* fix:minor change

prisma/schema.prisma

@@ -25,12 +25,23 @@ model User {
   project    Project[]
   resume     String?
 
-  oauthProvider OauthProvider? // Tracks OAuth provider (e.g., 'google')
-  oauthId       String?
-
+  oauthProvider  OauthProvider? // Tracks OAuth provider (e.g., 'google')
+  oauthId        String?
+  createdAt      DateTime       @default(now())
   blockedByAdmin DateTime?
-  onBoard        Boolean    @default(false)
+  onBoard        Boolean        @default(false)
   bookmark       Bookmark[]
+  companyId      String?        @unique
+  company        Company?       @relation(fields: [companyId], references: [id])
+}
+
+model Company {
+  id           String  @id @default(cuid())
+  companyName  String
+  companyLogo  String?
+  companyEmail String
+  companyBio   String
+  user         User?
 }
 
 enum OauthProvider {

prisma/seed.ts

@@ -14,9 +14,21 @@ const prisma = new PrismaClient();
 const users = [
   { id: '1', name: 'Jack', email: '[email protected]' },
   { id: '2', name: 'Admin', email: '[email protected]', role: Role.ADMIN, onBoard: true },
-  { id: '3', name: 'Hr', email: '[email protected]', role: Role.HR },
+  { id: '3', companyId: '1', name: 'Hr', email: '[email protected]', role: Role.HR, onBoard: true },
+  { id: '4', companyId: '2', name: 'John', email: '[email protected]', role: Role.HR, onBoard: true },
+  { id: '5', companyId: '3', name: 'Jane', email: '[email protected]', role: Role.HR, onBoard: true },
+
+
 ];
 
+
+const companies = [
+  { id: '1', compnayEmail: "[email protected]", companyName: 'Tech Corp', companyBio: 'Leading tech solutions provider specializing in innovative web development.', companyLogo: '/main.svg' },
+  { id: '2', companyEmail: "[email protected]", companyName: 'Global Solutions', companyBio: 'Global Solutions offers comprehensive IT services for businesses worldwide.', companyLogo: '/main.svg' },
+  { id: '3', companyEmail: '[email protected]', companyName: 'Innovatech', companyBio: 'Innovatech specializes in backend systems and cloud-based solutions.', companyLogo: '/main.svg' },
+]
+
+
 let jobs = [
   {
     id: '1',
@@ -328,6 +340,7 @@ async function seedUsers() {
             password: hashedPassword,
             role: u.role || Role.USER,
             emailVerified: new Date(),
+            companyId: u.companyId
           },
         });
         console.log(`User created or updated: ${u.email}`);
@@ -340,6 +353,28 @@ async function seedUsers() {
     console.error('Error seeding users:', error);
   }
 }
+async function seedCompanies() {
+  try {
+    await Promise.all(
+      companies.map(async (c) =>
+        prisma.company.upsert({
+          where: { id: c.id },
+          create: {
+            id: c.id,
+            companyName: c.companyName,
+            companyEmail: c.companyEmail ?? "[email protected]",
+            companyBio: c.companyBio,
+            companyLogo: c.companyLogo,
+          },
+          update: {},
+        })
+      )
+    );
+    console.log('✅ Company seed completed successfully');
+  } catch (error) {
+    console.error('Error seeding companies:', error);
+  }
+}
 
 async function seedJobs() {
   try {
@@ -401,6 +436,7 @@ async function seedJobs() {
 }
 
 async function main() {
+  await seedCompanies();
   await seedUsers();
   await seedJobs();
 }

src/actions/job.action.ts

@@ -156,6 +156,7 @@ export const getAllJobs = withSession<
       skills: true,
       address: true,
       workMode: true,
+      expired: true,
       category: true,
       minSalary: true,
       maxSalary: true,
@@ -219,6 +220,7 @@ export const getRecommendedJobs = withServerActionAsyncCatcher<
       maxSalary: true,
       postedAt: true,
       skills: true,
+      expired: true,
       isVerifiedJob: true,
       companyLogo: true,
     },
@@ -252,6 +254,7 @@ export const getRecommendedJobs = withServerActionAsyncCatcher<
         companyLogo: true,
         minExperience: true,
         maxExperience: true,
+        expired: true,
         isVerifiedJob: true,
         category: true,
       },
@@ -294,6 +297,7 @@ export const getJobById = withServerActionAsyncCatcher<
       minExperience: true,
       maxExperience: true,
       skills: true,
+      expired: true,
       address: true,
       workMode: true,
       hasSalaryRange: true,
@@ -352,6 +356,7 @@ export const getRecentJobs = async () => {
         minExperience: true,
         maxExperience: true,
         skills: true,
+        expired: true,
         postedAt: true,
         companyLogo: true,
         type: true,
@@ -601,6 +606,7 @@ export async function GetBookmarkByUserId() {
             minSalary: true,
             maxSalary: true,
             postedAt: true,
+            expired: true,
             companyLogo: true,
           },
         },

src/actions/user.profile.actions.ts

@@ -317,3 +317,39 @@ export const getUserDetails = async () => {
     return new ErrorHandler('Internal server error', 'DATABASE_ERROR');
   }
 };
+
+export const getUserRecruiters = async () => {
+  const auth = await getServerSession(authOptions);
+
+  if (!auth || !auth?.user?.id || auth?.user?.role !== 'ADMIN')
+    throw new ErrorHandler('Not Authorized', 'UNAUTHORIZED');
+  try {
+    const res = await prisma.user.findMany({
+      where: {
+        role: 'HR',
+      },
+      select: {
+        id: true,
+        email: true,
+        name: true,
+        createdAt: true,
+        _count: {
+          select: {
+            jobs: true,
+          },
+        },
+        company: {
+          select: {
+            companyName: true,
+            companyEmail: true,
+          },
+        },
+      },
+    });
+    return new SuccessResponse('Recruiter SuccessFully Fetched', 200, {
+      recruiters: res,
+    }).serialize();
+  } catch (_error) {
+    return new ErrorHandler('Internal server error', 'DATABASE_ERROR');
+  }
+};

src/app/manage/page.tsx → src/app/manage/jobs/page.tsx

@@ -25,11 +25,7 @@ const ManageJob = async ({
     redirect('/jobs');
   }
   const searchParamss = parsedData.data;
-  return (
-    <div className="container">
-      <JobManagement searchParams={searchParamss} />
-    </div>
-  );
+  return <JobManagement searchParams={searchParamss} />;
 };
 
 export default ManageJob;

src/app/manage/recruiters/page.tsx

@@ -0,0 +1,22 @@
+import { getUserRecruiters } from '@/actions/user.profile.actions';
+import ManageRecruiters from '@/components/ManageRecruiters';
+
+import { options } from '@/lib/auth';
+import { getServerSession } from 'next-auth';
+import { redirect } from 'next/navigation';
+import React from 'react';
+
+const RecruitersPage = async () => {
+  const server = await getServerSession(options);
+  if (!server?.user) {
+    redirect('/api/auth/signin');
+  } else if (server.user.role !== 'ADMIN') {
+    redirect('/jobs');
+  }
+
+  const Recruiters = await getUserRecruiters();
+
+  return <ManageRecruiters recruiters={Recruiters} />;
+};
+
+export default RecruitersPage;

src/components/DeleteDialog.tsx

@@ -4,6 +4,7 @@ import { Button } from './ui/button';
 import { useToast } from './ui/use-toast';
 import { toggleDeleteJobById } from '@/actions/job.action';
 import { JobType } from '@/types/jobs.types';
+import icons from '@/lib/icons';
 import {
   Dialog,
   DialogTrigger,
@@ -13,7 +14,6 @@ import {
   DialogDescription,
   DialogFooter,
 } from './ui/dialog';
-import { ArchiveRestore, Trash } from 'lucide-react';
 
 const JobDialog = ({ job }: { job: JobType }) => {
   const [dialogOpen, setDialogOpen] = useState(false); // State to manage dialog visibility
@@ -42,15 +42,19 @@ const JobDialog = ({ job }: { job: JobType }) => {
             role="button"
             onClick={() => setDialogOpen(true)}
           >
-            <ArchiveRestore /> {/* Icon for restoring the job */}
+            <Button variant="ghost" size="icon">
+              <icons.ArchiveRestore className="h-7 w-5 text-green-500" />
+            </Button>
           </span>
         ) : (
           <span
             className="mr-5"
             role="button"
             onClick={() => setDialogOpen(true)}
           >
-            <Trash /> {/* Icon for deleting the job */}
+            <Button variant="ghost" size="icon">
+              <icons.trash className="h-7 w-5 text-red-500" />
+            </Button>
           </span>
         )}
       </DialogTrigger>

src/components/JobManagement.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { getAllJobs } from '@/actions/job.action';
-import JobManagementHeader from './JobManagementHeader';
 import JobManagementTable from './JobManagementTable';
 import { JobQuerySchemaType } from '@/lib/validators/jobs.validator';
 
@@ -13,10 +12,10 @@ const JobManagement = async ({
   if (!jobs.status) {
     return <div>Error {jobs.message}</div>;
   }
+
   return (
-    <div className="pt-2 px-6 mt-10">
-      <JobManagementHeader />
-      <JobManagementTable jobs={jobs} searchParams={searchParams} />
+    <div>
+      <JobManagementTable jobs={jobs.additional} searchParams={searchParams} />
     </div>
   );
 };