email column

ubclaunchpad · Sep 3, 2024 · 2023452 · 2023452
1 parent 3c928a2
commit 2023452
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/src/app/portal/admin/actions.ts b/src/app/portal/admin/actions.ts
@@ -111,6 +111,12 @@ export async function getAllFormDetails(
     const formConfig = form.config as unknown as Record<string, any>;
 
     if (formType === "recruitment") {
+      formFields["email"] = {
+        label: "Email",
+        id: "email",
+        type: "email",
+      };
+
       if (formConfig["application"]) {
         const subFields = formConfig["application"]["subfields"] || [];
         subFields.forEach((field: any) => {

diff --git a/src/app/portal/admin/forms/[id]/submissions/columns.tsx b/src/app/portal/admin/forms/[id]/submissions/columns.tsx
@@ -242,16 +242,18 @@ export function createColumns<TData>(
   return [
     {
       accessorKey: "popover",
-      header: "Applicant",
+      header: "",
       enableColumnFilter: false,
+      size: 100,
+      maxSize: 100,
       cell: ({ row }) => {
         return (
           <button
             onClick={() => {
               setAndOpen({ applicant: row });
             }}
             className={
-              "text-lp-300 font-bold  rounded-lg p-4 py-7 w-full  flex flex-1 border border-transparent hover:border-background-500 items-center justify-center gap-2  "
+              "text-lp-300 font-bold  rounded-lg p-4 py-7 w-fit  flex flex-1 border border-transparent hover:border-background-500 items-center justify-center gap-2  "
             }
           >
             View

diff --git a/src/app/portal/admin/forms/[id]/submissions/data-table.tsx b/src/app/portal/admin/forms/[id]/submissions/data-table.tsx
@@ -51,6 +51,7 @@ const getCommonPinningStyles = (column: Column<any>): CSSProperties => {
     position: isPinned ? "sticky" : "relative",
     width: column.getSize() ? column.getSize() : "300px",
     // zIndex: isPinned ? 1 : 0,
+    maxWidth: column.getSize() ? column.getSize() : "300px",
   };
 };
 
@@ -85,12 +86,15 @@ export function DataTable<TData, TValue>({
       columnVisibility,
       sorting,
       columnOrder: [
+        "popover",
         "status",
         "level",
         "reviewer_id",
         "interviewer_id",
-        "notes",
-        "popover",
+        // "notes",
+        "email",
+        "student email",
+        "role",
       ],
     },
   });
@@ -185,9 +189,7 @@ export function DataTable<TData, TValue>({
                     {row.getVisibleCells().map((cell) => (
                       <td
                         key={cell.id}
-                        className={
-                          "  h-full text-xs min-h-24   overflow-hidden "
-                        }
+                        className={"  h-full text-xs    overflow-hidden "}
                         style={{ ...getCommonPinningStyles(cell.column) }}
                       >
                         {flexRender(