@@ -63,13 +63,11 @@ export const DrawerMenu: FCNot authorized
;
+};
diff --git a/frontend/src/components/Routes/AuthorizationRoute/index.tsx b/frontend/src/components/Routes/AuthorizationRoute/index.tsx
new file mode 100644
index 00000000..c9106aae
--- /dev/null
+++ b/frontend/src/components/Routes/AuthorizationRoute/index.tsx
@@ -0,0 +1,77 @@
+import { useWorkspaces } from "@context/workspaces";
+import { type Roles } from "@utils/roles";
+import React, { type ReactNode } from "react";
+import { Navigate } from "react-router-dom";
+
+type Props = {
+ children?: ReactNode;
+} & {
+ requireWorkspace?: boolean;
+ allowedRoles?: Roles[];
+};
+
+/**
+ * Component for authorization routing.
+ * @returns {React.ReactElement} - JSX for authorization routing.
+ * @example Example usage:
+ * 404 - Not Found
+ + ); + } else { + return state && state.from === "/" ? ( + <> +404 - Not Found
+ + ); + } +}; diff --git a/frontend/src/components/Routes/PrivateRoute/index.tsx b/frontend/src/components/Routes/PrivateRoute/index.tsx new file mode 100644 index 00000000..f9516683 --- /dev/null +++ b/frontend/src/components/Routes/PrivateRoute/index.tsx @@ -0,0 +1,25 @@ +import PrivateLayout from "@components/PrivateLayout"; +import { useAuthentication } from "@context/authentication"; +import { type FC, type ReactNode } from "react"; +import { Navigate, Outlet } from "react-router-dom"; + +interface Props { + children?: ReactNode; +} + +/** + * @returns PrivateRoute redirect to `/sign-in` if the user are NOT logged + */ +export const PrivateRoute: FC
diff --git a/frontend/src/features/auth/pages/signUp/signUpPage.tsx b/frontend/src/features/auth/pages/signUp/signUpPage.tsx
index bcc91895..4ef221d8 100644
--- a/frontend/src/features/auth/pages/signUp/signUpPage.tsx
+++ b/frontend/src/features/auth/pages/signUp/signUpPage.tsx
@@ -15,11 +15,6 @@ import { Link } from "react-router-dom";
import { yupResolver } from "utils";
import * as yup from "yup";
-/**
- * Sign up component
- * @TODO: differentiate more from the login page?
- */
-
interface ISignUp {
email: string;
password: string;
@@ -67,7 +62,7 @@ export const SignUpPage: FC = () => {
}}
>
diff --git a/frontend/src/features/auth/routes/index.tsx b/frontend/src/features/auth/routes/index.tsx
new file mode 100644
index 00000000..90fb0386
--- /dev/null
+++ b/frontend/src/features/auth/routes/index.tsx
@@ -0,0 +1,27 @@
+import { NotFoundRoute } from "@components/Routes/NotFoundRoute";
+import { PublicRoute } from "@components/Routes/PublicRoute";
+import React from "react";
+import { Navigate, Route, Routes } from "react-router-dom";
+
+import SignInPage from "../pages/signIn/signInPage";
+import SignUpPage from "../pages/signUp/signUpPage";
+
+export const AuthRoutes: React.FC = () => {
+ return (
+ -
{data?.data.map((task, idx) => (
- <>
+
Recover password
} /> - } - /> - -404 not found
} /> - } - /> - -Unauthorized
,
+ },
+ {
+ path: "404",
+ element: (
+