added oauth and keys

.gitignore

@@ -33,3 +33,4 @@ build/
 .vscode/
 
 /frontend/node_modules/
+/frontend/src/config/
\ No newline at end of file

frontend/package-lock.json

@@ -12526,6 +12526,15 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-google-login": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/react-google-login/-/react-google-login-5.2.2.tgz",
+      "integrity": "sha512-JUngfvaSMcOuV0lFff7+SzJ2qviuNMQdqlsDJkUM145xkGPVIfqWXq9Ui+2Dr6jdJWH5KYdynz9+4CzKjI5u6g==",
+      "requires": {
+        "@types/react": "*",
+        "prop-types": "^15.6.0"
+      }
+    },
     "react-icons": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",

frontend/package.json

@@ -9,6 +9,7 @@
     "axios": "^0.21.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-google-login": "^5.2.2",
     "react-icons": "^4.2.0",
     "react-redux": "^7.2.4",
     "react-scripts": "4.0.3",

frontend/src/App.jsx

+import Login from "./components/session/Login";
+import Logout from "./components/session/Logout";
 import Header from "./components/header/Header";
 import Footer from "./components/footer/Footer";
 import OrderIndex from "./components/order/OrderIndex"
@@ -5,6 +7,8 @@ import OrderIndex from "./components/order/OrderIndex"
 const App = () => {
   return (
     <div className="app">
+      <Login />
+      <Logout />
       <Header />
       <OrderIndex />
       <Footer />

frontend/src/components/session/Login.jsx

+import React from 'react';
+import { GoogleLogin } from "react-google-login";
+import keys from '../../config/keys_dev'
+
+const clientId = keys.clientId;
+
+const Login = () => {
+
+  const responseGoogle = (response) => {
+    console.log(response);
+  };
+  
+  return (
+    <div>
+      <GoogleLogin
+        clientId={clientId}
+        buttonText="Login with Google"
+        onSuccess={responseGoogle}
+        onFailure={responseGoogle}
+        cookiePolicy={"single_host_origin"}
+        // isSignedIn={true}
+      />
+    </div>
+  );
+}
+
+export default Login;
\ No newline at end of file

frontend/src/components/session/Logout.jsx

+import React from "react";
+import { GoogleLogout } from "react-google-login";
+import keys from "../../config/keys_dev";
+
+const clientId = keys.clientId;
+
+const Logout = () => {
+  
+  const responseGoogle = (response) => {
+    console.log(response);
+  };
+
+  return (
+    <div>
+      <GoogleLogout 
+        clientId={clientId}
+        buttonText="Logout"
+        onLogoutSuccess={responseGoogle}
+        isSignedIn={true}
+      />
+    </div>
+  );
+};
+
+export default Logout;