69 lines
2.6 KiB
TypeScript
69 lines
2.6 KiB
TypeScript
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>
|
|
)}
|
|
</>
|
|
);
|
|
}
|