add basic authentication redirect for managers page (#13)

mahmoudmoravej · Nov 15, 2023 · 9dec6bf · 9dec6bf
1 parent cc33d03
commit 9dec6bf
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/routes/managers/route.tsx b/app/routes/managers/route.tsx
@@ -17,7 +17,9 @@ import {
   IconButton,
   Tooltip,
 } from "@material-tailwind/react";
+import { LoaderFunction, redirect } from "@remix-run/node";
 import { useNavigate } from "@remix-run/react";
+import { authenticator } from "~/services/auth.server";
 
 const TABS = [
   {
@@ -36,6 +38,13 @@ const TABS = [
 
 const TABLE_HEAD = ["Member", "Function", "Status", "Employed", ""];
 
+export let loader: LoaderFunction = async ({ request }) => {
+  //we should completely change the following appraoch
+  let isAllowed = await authenticator.isAuthenticated(request);
+  if (!isAllowed) return redirect("/login");
+  else return {};
+};
+
 export default function Managers() {
   const { data, loading, error } = useManagersQuery();
   const navigate = useNavigate();