Merge pull request #16 from Pradeep-Kumar-Rebbavarapu/main

Made Changes in Job Page

package.json

@@ -15,7 +15,9 @@
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.5",
     "@reduxjs/toolkit": "^2.0.1",
@@ -25,6 +27,7 @@
     "clsx": "^2.0.0",
     "cmdk": "^0.2.0",
     "csv-parser": "^3.0.0",
+    "embla-carousel-react": "^8.0.0-rc19",
     "framer-motion": "^10.16.4",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
@@ -38,6 +41,7 @@
     "react-dom": "latest",
     "react-google-button": "^0.7.2",
     "react-hot-toast": "^2.4.1",
+    "react-icons": "^4.12.0",
     "react-modal": "^3.16.1",
     "react-redux": "^9.0.4",
     "react-table": "^7.8.0",

src/app/(routes)/admin/companies/@allcompanies/page.tsx

@@ -0,0 +1,77 @@
+import CompanyCard from "@/components/company/CompanyCard";
+import { cookies } from "next/headers";
+import { fetchCompany } from "@/helpers/api";
+import { ChevronRight } from "lucide-react";
+import { ChevronLeft } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Separator } from "@/components/ui/separator";
+interface Props {}
+
+interface company {
+  id: string;
+  name: string;
+  metadata: object;
+  createdAt: string;
+  updatedAt: string;
+}
+
+const CompanyPage = async () => {
+  const Companies = await fetchCompany(cookies()?.get("accessToken")?.value);
+
+  if (Companies.companies.length === 0) {
+    return (
+      <h1 className="text-center text-black text-3xl font-bold flex justify-center items-center w-full h-screen">
+        No Comapanies Currently Registered
+      </h1>
+    );
+  }
+  return (
+    <div className="">
+      <div className="border-r-2  rounded-md">
+        <div className=" !flex justify-between  w-full border-b-2 rounded-md">
+          <div className="w-fit py-2 mx-2 my-auto">All Companies</div>
+
+          <div className="w-fit flex ">
+            {/* <div className="px-2  py-2 flex justify-center items-center w-full"><Button size="icon">
+              <ChevronLeft className="h-4 w-4" />
+            </Button></div>
+            <div className="px-2 py-2  flex justify-center items-center w-full"><Button size="icon">
+              <ChevronRight className="h-4 w-4" />
+            </Button></div> */}
+          </div>
+        </div>
+
+        <div id="main_content">
+          <div className="flex justify-center items-center my-10">
+            <Button>Add Company</Button>
+          </div>
+          <div className="m-4">
+            <Input type="text" placeholder="Search..." />
+          </div>
+
+          <ScrollArea className="h-72 w-full rounded-md border-t-2">
+            <div className="p-4">
+              {Companies?.companies.map((Company: company, index: number) => {
+                return (
+                  <>
+                    <div
+                      key={index}
+                      className="cursor-pointer hover:text-gray-600 hover:scale-95 transition-all fade-in-out"
+                    >
+                      {Company.name}
+                    </div>
+                    <Separator className="my-2" />
+                  </>
+                );
+              })}
+            </div>
+          </ScrollArea>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default CompanyPage;

src/app/(routes)/admin/companies/layout.tsx

@@ -0,0 +1,17 @@
+interface Props {
+  children: React.ReactNode;
+  allcompanies: React.ReactNode;
+}
+
+const CompanyLayout = ({ children, allcompanies }: Props) => {
+  return (
+    <div className="">
+      {/* {allcompanies} */}
+      <div className="mx-2 my-4 rounded-md bg-white">
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default CompanyLayout;