Comenzado el flujo oauth

hay que separar un poco todo

src/index.jsx

@@ -19,6 +19,7 @@ import {ReleaseView} from "./views/Release";
 import {Recomended} from "./views/Recomended";
 import {SongView} from "./views/Song";
 import {Grid, RowCol} from './components/Grid';
+import {AuthCallback, AuthLogin, AuthLogout} from "./components/Auth";
 
 const Main = (props) => {
     const navigate = (query) => props.history.push(`/search?query=${query}`);
@@ -50,10 +51,16 @@ const App = () => (
             <Nav/>
             <Switch>
                 <Route path='/search/:who?' component={Search}/>
+
                 <Route path='/artist/:mbid?' component={ArtistView}/>
                 <Route path='/disc/:mbid?' component={DiscView}/>
                 <Route path='/release/:mbid?' component={ReleaseView}/>
                 <Route path='/song/:mbid?' component={SongView}/>
+
+                <Route exact path='/login' component={AuthLogin}/>
+                <Route exact path='/logout' component={AuthLogout}/>
+                <Route exact path='/auth_callback' component={AuthCallback}/>
+
                 <Route exact path='/' component={Main}/>
                 <Route path='*' component={NoRoute}/>
             </Switch>