Helpers: AuthorizedRouter configurations updated and applied in routing

Author: dhnchandan

src/App/Components/Examples/ExampleComponent.tsx

@@ -1,9 +1,10 @@
 import React, { FC } from "react";
 
-import { Route, Switch, Link } from "react-router-dom";
+import { Switch, Link } from "react-router-dom";
 
 import Loadable from "../../../helpers/Loadable";
 import ProtectedRouter from "../../../helpers/ProtectedRouter";
+import AuthorizedRouter from "../../../helpers/AuthorizedRouter";
 
 import ROUTER from "../../../consts/routers";
 
@@ -51,7 +52,12 @@ const ExampleComponent: FC = () => {
 				<ProtectedRouter user={user} path={ROUTER.POST}>
 					<Post />
 				</ProtectedRouter>
-				<Route path={ROUTER.LOGIN}>
+				<AuthorizedRouter
+					user={user}
+					path={ROUTER.LOGIN}
+					dashboardPath={ROUTER.DASHBOARD}
+					exact
+				>
 					<div>
 						<h1>Login</h1>
 						<br />
@@ -60,17 +66,21 @@ const ExampleComponent: FC = () => {
 							<Link to={ROUTER.REGISTER}>Register</Link>
 						</p>
 					</div>
-				</Route>
-				<Route path={ROUTER.REGISTER}>
+				</AuthorizedRouter>
+				<AuthorizedRouter
+					user={user}
+					path={ROUTER.REGISTER}
+					dashboardPath={ROUTER.DASHBOARD}
+				>
 					<div>
 						<h1>Register</h1>
 						<br />
 						<p>
 							Already a member?{" "}
-							<Link to={ROUTER.LOGIN}>Register</Link>
+							<Link to={ROUTER.LOGIN}>Login</Link>
 						</p>
 					</div>
-				</Route>
+				</AuthorizedRouter>
 			</Switch>
 		</div>
 	);

src/helpers/AuthorizedRouter.tsx

@@ -6,6 +6,7 @@ import ROUTER from "../consts/routers";
 export interface Props {
 	children: ReactElement;
 	user: Record<string, unknown> | null;
+	path: string;
 	dashboardPath?: string;
 	[name: string]: unknown; // Accepts any number of object property; key will be string and value will be any
 }
@@ -39,12 +40,12 @@ export default AuthorizedRouter;
 
 // Use
 
-// <ProtectedRouter user={user} path={ROUTER.COUNT} exact loginPath='/login'>
-//	 <Count />
-// </ProtectedRouter>;
-// <ProtectedRouter user={user} path={ROUTER.COUNT} exact>
-//	 <Count />
-// </ProtectedRouter>;
-// <ProtectedRouter user={user} path={ROUTER.COUNT}>
-//	 <Count />
-// </ProtectedRouter>;
+// <AuthorizedRouter user={user} path="/login" exact dashboardPath='/'>
+//	 <Login />
+// </AuthorizedRouter>;
+// <AuthorizedRouter user={user} path="/login" exact>
+//	 <Login />
+// </AuthorizedRouter>;
+// <AuthorizedRouter user={user} path="/login">
+//	 <Login />
+// </AuthorizedRouter>;

src/helpers/ProtectedRouter.tsx

@@ -4,9 +4,10 @@ import { Route, Redirect } from "react-router-dom";
 import ROUTER from "../consts/routers";
 
 export interface Props {
+	children: ReactElement;
 	user: Record<string, unknown> | null;
+	path: string;
 	loginPath?: string;
-	children: ReactElement;
 	[name: string]: unknown; // Accepts any number of object property; key will be string and value will be any
 }
 
@@ -15,9 +16,9 @@ export interface Props {
  * Helper component for redirecting unauthorized user
  */
 const ProtectedRouter: FC<Props> = ({
+	children,
 	user,
 	loginPath = ROUTER.LOGIN,
-	children,
 	...rest
 }: Props) => {
 	const res = () => {