Create PrivateRoute component for checking auth

src/components/PrivateRoute/PrivateRoute.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from "prop-types";
+import { Route, Redirect } from 'react-router-dom';
+import { useLogin } from "../AuthProvider/";
+
+export default function PrivateRoute({ children, ...rest }) {
+	const isLoggedIn = useLogin();
+	console.log("isLoggedIn", isLoggedIn);
+
+	return (
+		<Route {...rest}>
+			{
+				isLoggedIn
+					? children
+					: <Redirect to="/login"/>
+			}
+		</Route>
+	);
+};
+
+PrivateRoute.propTypes = {
+	/** The route's path. */
+	"path": PropTypes.string.isRequired
+};

src/components/PrivateRoute/PrivateRoute.md

@@ -0,0 +1 @@
+The PrivateRoute wraps [React Router](https://reactrouter.com/)'s [Route component](https://reactrouter.com/web/api/Route) and checks for authentication using [AuthProvider](#/Components/AuthProvider). If authentication is valid, the children of the PrivateRoute are rendered. Otherwise, the user is redirected to the login page.

src/components/PrivateRoute/index.js

@@ -0,0 +1 @@
+export { default } from "./PrivateRoute";