Merge pull request #15 from shubham7822/adding-private-routes

added private routes

src/App.js

@@ -8,15 +8,17 @@ import { RecipeContextProvider } from "./contexts/recipe-context";
 import Home from "./containers/Home";
 import Login from "./containers/Login";
 import Signup from "./containers/Signup";
+import PrivateRoute from "./PrivateRoutes";
 
 function App() {
+ const response =false;
  return (
  <SnackbarProvider maxSnack={3} autoHideDuration={2000} preventDuplicate>
  <AuthContextProvider>
  <RecipeContextProvider>
  <Router>
  <Switch>
- <Route exact path="/" component={Home} />
+ <PrivateRoute auth={response} exact path="/" component={Home} />
  <Route exact path="/signup" component={Signup} />
  <Route exact path="/login" component={Login} />
  </Switch>

src/PrivateRoutes.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Route, Redirect } from "react-router-dom";
+
+const PrivateRoute = ({ auth, component: Component, ...rest }) => {
+ return (
+ <Route
+ {...rest}
+ render={(props) => {
+ return auth ? <Component {...props} /> : <Redirect to="/login" />;
+ }}
+ />
+ );
+};
+
+export default PrivateRoute;