auth: clicking on login navigates to dashboard

ashwanth1109 · Jan 9, 2021 · 1b7a0e7 · 1b7a0e7
1 parent 31156ba
commit 1b7a0e7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/auth/src/App.tsx b/auth/src/App.tsx
@@ -17,14 +17,18 @@ const CardTitle = styled.h1`
   margin: 24px 0;
 `;
 
-const App = () => {
+interface AppProps {
+  login: VoidFunction;
+}
+
+const App = ({ login }: AppProps) => {
   return (
     <CardContainer>
       <Card variant="outlined">
         <CardTitle>Auth microfrontend (2 routes)</CardTitle>
         <Switch>
           <Route path="/auth/login">
-            <Login />
+            <Login login={login} />
           </Route>
           <Route path="/auth/register">
             <Register />

diff --git a/auth/src/bootstrap.tsx b/auth/src/bootstrap.tsx
@@ -5,10 +5,10 @@ import { createBrowserHistory } from "history";
 
 import App from "./App";
 
-const mount = (el: Element, { history }: AuthMountOptions) => {
+const mount = (el: Element, { history, login }: AuthMountOptions) => {
   ReactDOM.render(
     <Router history={history}>
-      <App />
+      <App login={login} />
     </Router>,
     el
   );

diff --git a/auth/src/components/Login.tsx b/auth/src/components/Login.tsx
@@ -4,9 +4,10 @@ import { Link } from "react-router-dom";
 import Input from "./Input";
 import { CardFooter, TabTitle } from "./styled";
 
-const Login = () => {
+const Login = ({ login }: { login: VoidFunction }) => {
   const onLogin = useCallback(() => {
-    console.log("login");
+    // verify details are correct (not implemented) and login
+    login();
   }, []);
 
   return (