From 4d6c0fd1d2010eaf3dfd08f9cc9cc4482c589d73 Mon Sep 17 00:00:00 2001
From: Vazhin Tayeb <vazhintayeb@gmail.com>
Date: Thu, 14 Jan 2021 11:56:38 +0300
Subject: [PATCH] Fixes availablity of user for Home component

---
 React/src/App.js                          | 17 ++++++++++++++++-
 React/src/pages/components/Button.js      |  4 ++--
 React/src/pages/components/LoginWindow.js | 15 ++++++++++++++-
 3 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/React/src/App.js b/React/src/App.js
index e790e4f..5a978ad 100644
--- a/React/src/App.js
+++ b/React/src/App.js
@@ -10,13 +10,28 @@ import userManager, { loadUserFromStorage } from './services/userService';
 import AuthProvider from './utils/authProvider';
 import PrivateRoute from './utils/protectedRoute';
 import './index.css';
+import {storeUser} from './actions/authActions'
 
 function App() {
   useEffect(() => {
+    // Commented out not to check the localStorage for the user's existence ** Temporary **
+
     // fetch current user from cookies
-    loadUserFromStorage(store);
+    // loadUserFromStorage(store);
   }, []);
 
+ 
+
+  // Should be removed ** Temporary **
+  const logUserIn = () => {
+    const user = {profile: {given_name: 'John Doe'}}
+    console.log(`User logged in!`)
+    store.dispatch(storeUser(user))
+  }
+
+   // ** Temporary **
+   logUserIn()
+
   return (
     <Provider store={store}>
       <AuthProvider userManager={userManager} store={store}>
diff --git a/React/src/pages/components/Button.js b/React/src/pages/components/Button.js
index fad6334..09f932f 100644
--- a/React/src/pages/components/Button.js
+++ b/React/src/pages/components/Button.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
-const Button = () => (
-  <button className="bg-blue-custom border-0 font-inter font-semibold rounded text-xl m-0">
+const Button = ({onClickEvent}) => (
+  <button onClick={onClickEvent} className="bg-blue-custom border-0 font-inter font-semibold rounded text-xl m-0">
     Login
   </button>
 );
diff --git a/React/src/pages/components/LoginWindow.js b/React/src/pages/components/LoginWindow.js
index 31d8959..6e4b8af 100644
--- a/React/src/pages/components/LoginWindow.js
+++ b/React/src/pages/components/LoginWindow.js
@@ -1,7 +1,20 @@
 import React from 'react';
 import Button from './Button';
+import {storeUser} from '../../actions/authActions'
+import store from '../../store'
+import userManager from '../../services/userService'
 
 const LoginWindow = () => {
+
+
+  const onUserLogin = () => {
+    const user = {profile: {given_name: 'John Doe'}}
+    console.log(`User logged in!`)
+    store.dispatch(storeUser(user))
+    // Looks like we don't have this function even tho it's in the library installed
+    // userManager.storeUser(user).then(()=> console.log('yay')).catch(()=> console.log('nope'))
+  }
+
   return (
     <div className="xl:w-1/3 lg:w-5/12 md:w-2/4 sm:w-9/12 w-11/12 flex flex-col justify-center shadow md:px-32 sm:px-28 md:py-40 sm:py-36 px-20 py-16">
       <h1 className="font-playfair text-black-custom text-6xl mb-12">
@@ -10,7 +23,7 @@ const LoginWindow = () => {
       <p className="text-black-custom font-light text-3xl mb-20">
         Login to your account to view your dashboard and register a new vehicle.
       </p>
-      <Button />
+      <Button onClickEvent={onUserLogin} />
     </div>
   );
 };