feat(api): fetch listens from spotify

frontend/src/components/NavBar.js

@@ -1,27 +0,0 @@
-import React from "react";
-import { useAuth0 } from "../react-auth0-spa";
-import { Link } from "react-router-dom";
-
-const NavBar = () => {
-  const { isAuthenticated, loginWithRedirect, logout } = useAuth0();
-
-  return (
-    <div>
-      {!isAuthenticated && (
-        <button onClick={() => loginWithRedirect({})}>Log in</button>
-      )}
-
-      {isAuthenticated && <button onClick={() => logout()}>Log out</button>}
-
-      {isAuthenticated && (
-        <span>
-          <Link to="/">Home</Link>&nbsp;
-          <Link to="/profile">Profile</Link>
-          <Link to="/external-api">External API</Link>
-        </span>
-      )}
-    </div>
-  );
-};
-
-export default NavBar;

frontend/src/components/NavBar.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+export function NavBar() {
+  return (
+    <div>
+      <a href="/api/v1/auth/spotify">Login with Spotify</a>
+    </div>
+  );
+}

frontend/src/components/PrivateRoute.js

@@ -1,26 +0,0 @@
-import React, { useEffect } from "react";
-import { Route } from "react-router-dom";
-import { useAuth0 } from "../react-auth0-spa";
-
-const PrivateRoute = ({ component: Component, path, ...rest }) => {
-  const { loading, isAuthenticated, loginWithRedirect } = useAuth0();
-
-  useEffect(() => {
-    if (loading || isAuthenticated) {
-      return;
-    }
-    const fn = async () => {
-      await loginWithRedirect({
-        appState: { targetUrl: path }
-      });
-    };
-    fn();
-  }, [loading, isAuthenticated, loginWithRedirect, path]);
-
-  const render = props =>
-    isAuthenticated === true ? <Component {...props} /> : null;
-
-  return <Route path={path} render={render} {...rest} />;
-};
-
-export default PrivateRoute;