Merge branch 'main' into studentPageChanges

.github/workflows/build-test.yml

@@ -0,0 +1,19 @@
+name: build-test
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build-lint-test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: yarn
+          cache-dependency-path: 'yarn.lock'
+      - run: yarn
+      - run: yarn build

src/app/(routes)/faculty/layout.tsx

@@ -0,0 +1,11 @@
+import Link from "next/link";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const FacultyLayout = ({ children }: Props) => {
+  return <div>{children}</div>;
+};
+
+export default FacultyLayout;

src/app/(routes)/faculty/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+import { fetchApprovals, updateApproval } from "@/helpers/faculty/api";
+import Cookies from "js-cookie";
+import TableComponent from "@/components/TableComponent/TableComponent";
+import generateColumns from "@/components/TableComponent/ColumnMapping";
+import { useState, useEffect } from "react";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+
+const dto = [
+  {
+    status: "string",
+    remarks: "string",
+    faculty: {
+      department: "string",
+      user: {
+        email: "string",
+        name: "string",
+        contact: "string",
+      },
+    },
+    salary: {
+      salaryPeriod: "string",
+      totalCTC: "number",
+      job: {
+        role: "string",
+        joiningDate: "string",
+        season: {
+          year: "string",
+          type: "string",
+        },
+        company: {
+          name: "string",
+        },
+      },
+    },
+  },
+];
+
+const dynamicColumns = generateColumns(dto);
+
+const FacultyPage = () => {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchApprovals(
+          Cookies.get("accessToken"),
+          undefined
+        );
+        setData(jsonData);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+  return (
+    <div className="md:m-12 m-2">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Approvals</h1>
+      <div>
+        {loading && (
+          <img src={loadingImg.src} alt="" className="mx-auto my-auto" />
+        )}
+        {data && (
+          <TableComponent
+            data={data}
+            columns={dynamicColumns}
+            dto={dto}
+            isFeedbackForm={true}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default FacultyPage;

src/app/(routes)/faculty/profile/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import FacultyProfile from "@/components/Faculty/Profile";
+import { fetchProfile } from "@/helpers/faculty/api";
+import Cookies from "js-cookie";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import { ProfileFC } from "@/helpers/faculty/api";
+
+const Profile = ({ params }: { params: { facultyId: string } }) => {
+  const [data, setData] = useState<ProfileFC>();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const profileData = async () => {
+      const jsonData = await fetchProfile(Cookies.get("accessToken"));
+      setData(jsonData);
+      setLoading(false);
+    };
+    profileData();
+  }, []);
+
+  return (
+    <div className="h-screen grid justify-center items-center">
+      {loading && <img src={loadingImg.src} />}
+      {data && <FacultyProfile profile={data} />}
+    </div>
+  );
+};
+
+export default Profile;

src/app/(routes)/student/job/[jobId]/page.tsx

@@ -116,7 +116,7 @@ const JobPage = ({ params }: { params: { jobId: string } }) => {
             <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
               <div>
                 <div className="text-gray-500 font-semibold my-2">Website</div>{" "}
-                <a className="text-blue-500" href={jobData.companyDetailsFilled.website} target="_blank" rel="noopener noreferrer">Link</a>
+                <a className="text-blue-500" href={jobData?.companyDetailsFilled.website} target="_blank" rel="noopener noreferrer">Link</a>
               </div>
               <div>
                 <div className="text-gray-500 font-semibold my-2">Domain</div>{" "}
@@ -195,7 +195,6 @@ const JobPage = ({ params }: { params: { jobId: string } }) => {
                 <Separator />
             </div>
             <HorizontalTimeline eventsData={transformEvents(jobData.events)} />
-            {/* <HorizontalTimeline eventsData={testData} /> */}
             <div className="my-7">
                 <Separator />
             </div>