From fead5670a5d6213e824d6ce6a7b79c145599b23c Mon Sep 17 00:00:00 2001
From: Daniel Cortes <daniel.cortes.p159@gmail.com>
Date: Tue, 23 Jun 2020 23:28:45 -0400
Subject: [PATCH] Middleware que se ejecuta en todas las rutas

---
 src/components/Auth.jsx | 7 ++++++-
 src/index.jsx           | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Auth.jsx b/src/components/Auth.jsx
index f9b4958..859e77c 100644
--- a/src/components/Auth.jsx
+++ b/src/components/Auth.jsx
@@ -1,10 +1,15 @@
 import React from 'react';
-import {Redirect} from "react-router-dom";
+import {Redirect, useRouteMatch} from "react-router-dom";
 import queryString from "query-string";
 
 import {auth, logout} from "../services/auth_service";
 import {useStateValue} from "../services/State";
 
+export const AuthMiddleware = (props) => {
+    const match = useRouteMatch('*')
+    return null;
+}
+
 export const AuthLogin = (props) => {
     const [context, dispatch] = useStateValue();
 
diff --git a/src/index.jsx b/src/index.jsx
index 0fd8d65..38abd12 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -19,7 +19,7 @@ import {ReleaseView} from "./views/Release";
 import {Recomended} from "./views/Recomended";
 import {SongView} from "./views/Song";
 import {Grid, RowCol} from './components/Grid';
-import {AuthLogin, AuthLogout} from "./components/Auth";
+import {AuthMiddleware, AuthLogin, AuthLogout} from "./components/Auth";
 
 const Main = (props) => {
     const navigate = (query) => props.history.push(`/search?query=${query}`);
@@ -48,6 +48,7 @@ const App = () => (
     <main>
         <BrowserRouter>
             <ScrollToTopRouter/>
+            <AuthMiddleware/>
             <Nav/>
             <Switch>
                 <Route path='/search/:who?' component={Search}/>