Add local test data, implement [id].tsx for approval workflows

2025-01-17 18:44:52 +00:00
parent 580e319fb9
commit 66d23b4140
5 changed files with 175 additions and 16 deletions
--- a/src/pages/approval-workflows/[id].tsx
+++ b/src/pages/approval-workflows/[id].tsx
@@ -0,0 +1,68 @@
+import Layout from "@/components/High/Layout";
+import Select from "@/components/Low/Select";
+import useApprovalWorkflows from "@/hooks/useApprovalWorkflows";
+import useUser from "@/hooks/useUser";
+import useUsers from "@/hooks/useUsers";
+import { ApprovalWorkflow, ApprovalWorkflowStatus, ApprovalWorkflowStatusLabel } from "@/interfaces/approval.workflow";
+import { GroupWithUsers, User } from "@/interfaces/user";
+import { sessionOptions } from "@/lib/session";
+import { redirect } from "@/utils";
+import { requestUser } from "@/utils/api";
+import { getApprovalWorkflow } from "@/utils/approval.workflows.be";
+import { shouldRedirectHome } from "@/utils/navigation.disabled";
+import { createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import axios from "axios";
+import clsx from "clsx";
+import { withIronSessionSsr } from "iron-session/next";
+import Head from "next/head";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { BsTrash } from "react-icons/bs";
+import { FaRegEdit } from "react-icons/fa";
+import { toast, ToastContainer } from "react-toastify";
+
+import approvalWorkflowsData from '../../demo/approval_workflows.json' // to test locally
+
+export const getServerSideProps = withIronSessionSsr(async ({ req, res, params }) => {
+    const user = await requestUser(req, res)
+    if (!user) return redirect("/login")
+
+    if (shouldRedirectHome(user) || !["admin", "developer", "teacher", "corporate", "mastercorporate"].includes(user.type))
+        return redirect("/")
+
+    const { id } = params as { id: string };
+
+    const approvalWorkflow = approvalWorkflowsData.find(workflow => workflow.id === id);       // await getApprovalWorkflow(id);
+    if (!approvalWorkflow) 
+        return redirect("/approval-workflows")
+
+    return {
+        props: { user },
+    };
+}, sessionOptions);
+
+export default function Home() {
+    const { user } = useUser({ redirectTo: "/login" });
+
+    return (
+        <>
+            <Head>
+                <title>Approval Workflows | EnCoach</title>
+                <meta
+                    name="description"
+                    content="A training platform for the IELTS exam provided by the Muscat Training Institute and developed by eCrop."
+                />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <link rel="icon" href="/favicon.ico" />
+            </Head>
+            <ToastContainer />
+            {user && (
+                <Layout user={user} className="gap-6">
+                    <h1 className="text-2xl font-semibold">Approval Workflows</h1>
+
+
+                </Layout>
+            )}
+        </>
+    );
+}