From ab88d20930d717f2c4577c921fd9ea8e2b0c4122 Mon Sep 17 00:00:00 2001
From: AryanGKulkarni <95529889+AryanGKulkarni@users.noreply.github.com>
Date: Mon, 30 Sep 2024 12:54:28 +0530
Subject: [PATCH 1/2] skills

---
 src/components/jobs/JobCard.tsx | 17 +++++++++++++++++
 src/helpers/student/types.ts    |  1 +
 2 files changed, 18 insertions(+)

diff --git a/src/components/jobs/JobCard.tsx b/src/components/jobs/JobCard.tsx
index 0713d4b..6eb71e0 100644
--- a/src/components/jobs/JobCard.tsx
+++ b/src/components/jobs/JobCard.tsx
@@ -88,6 +88,23 @@ const JobCard = ({ jobItem, type}: Props) => {
               className="job-description"
               dangerouslySetInnerHTML={{ __html: cleanHTML }}
             />
+            <div className="my-4">
+              <Separator />
+            </div>
+            <div className="font-semibold text-md"> Skills </div>
+            <div className="flex flex-wrap !text-md">
+              {jobItem.skills.map((skill, index) => (
+                <div key={index} className="mx-2 my-2">
+                  <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                    {skill}
+                  </div>
+                </div>
+              ))}
+            </div>
+            <div className="my-4">
+              <Separator />
+            </div>
+
             <div className="flex justify-between my-3">
               <Button>
                 <Link href={`/student/job/salary/${jobItem.id}`}>Salaries</Link>
diff --git a/src/helpers/student/types.ts b/src/helpers/student/types.ts
index 684a52b..ed8aef1 100644
--- a/src/helpers/student/types.ts
+++ b/src/helpers/student/types.ts
@@ -158,6 +158,7 @@ export interface Jobs {
   role: string;
   duration: string;
   attachment: string;
+  skills: string[];
   description: string;
   active: boolean;
   currentStatus: string;

From 9c54f328960568bb384508882a06e4ddd2ed02d5 Mon Sep 17 00:00:00 2001
From: AryanGKulkarni <95529889+AryanGKulkarni@users.noreply.github.com>
Date: Mon, 30 Sep 2024 15:25:15 +0530
Subject: [PATCH 2/2] skill-admin

---
 src/app/(routes)/admin/jobs/[jobId]/page.tsx | 19 +++++++++----------
 src/helpers/recruiter/types.ts               |  2 +-
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app/(routes)/admin/jobs/[jobId]/page.tsx b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
index e6b42da..3e7dcc5 100644
--- a/src/app/(routes)/admin/jobs/[jobId]/page.tsx
+++ b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
@@ -297,16 +297,15 @@ const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
             <div>
               <div className="font-semibold text-lg my-4">Skills</div>
               <div className="flex flex-wrap gap-4">
-                {editMode ? (
-                  <input
-                    type="text"
-                    name="skills"
-                    value={formData.skills}
-                    onChange={handleChange}
-                  />
-                ) : (
-                  job.skills
-                )}
+                <div className="flex flex-wrap !text-md">
+                  {job.skills.map((skill, index) => (
+                    <div key={index} className="mx-2 my-2">
+                      <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                        {skill}
+                      </div>
+                    </div>
+                  ))}
+                </div>
               </div>
               <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
                 <div>
diff --git a/src/helpers/recruiter/types.ts b/src/helpers/recruiter/types.ts
index 25c40b4..6e1ba94 100644
--- a/src/helpers/recruiter/types.ts
+++ b/src/helpers/recruiter/types.ts
@@ -119,7 +119,7 @@ export interface JobDetailFC {
   };
   description: string;
   attachment: string;
-  skills: string;
+  skills: string[];
   offerLetterReleaseDate: string;
   joiningDate: string;
   location: string;