added very secure google token (#13)

src/components/univeralComponents/LoginButtonGoogle.js

@@ -1,8 +1,8 @@
-import React, { useContext } from 'react'
-import GoogleLogin from 'react-google-login'
+import React, { useContext } from "react";
+import GoogleLogin from "react-google-login";
 import { useNavigate } from "react-router-dom";
-import { Context } from '../../Context';
-
+import { Context } from "../../Context";
+import configData from "../../config.json";
 
 export default function LoginButtonGoogle() {
   const navigate = useNavigate();
@@ -12,21 +12,21 @@ export default function LoginButtonGoogle() {
     setIsLoggedIn(true);
     navigate("/panel");
     console.log("Successfully logged in!");
-  }
+  };
 
   const responseGoogleFailed = (response) => {
     console.log("Failed logging in!");
     console.log(response);
-  }
+  };
 
   return (
-        <GoogleLogin
-          clientId="258375953305-7j1t10b7nlkrlgclfm94a86q55k3v5d9.apps.googleusercontent.com"
-          buttonText="Login with Google"
-          onSuccess={responseGoogle}
-          onFailure={responseGoogleFailed}
-          cookiePolicy={'single_host_origin'}
-          isSignedIn={true}
-        />
-  )
-}
+    <GoogleLogin
+      clientId={configData.GOOGLE_TOKEN}
+      buttonText="Login with Google"
+      onSuccess={responseGoogle}
+      onFailure={responseGoogleFailed}
+      cookiePolicy={"single_host_origin"}
+      isSignedIn={true}
+    />
+  );
+}

src/components/univeralComponents/LogoutButtonGoogle.js

@@ -1,8 +1,9 @@
-import React, { Fragment, useContext } from 'react'
-import { GoogleLogout } from 'react-google-login'
+import React, { useContext } from "react";
+import { GoogleLogout } from "react-google-login";
 import { useNavigate } from "react-router-dom";
-import { LogoutButton } from '../../Styles/Styled';
-import { Context } from '../../Context';
+import { LogoutButton } from "../../Styles/Styled";
+import { Context } from "../../Context";
+import configData from "../../config.json";
 
 export default function LogoutButtonGoogle() {
   const navigate = useNavigate();
@@ -12,17 +13,15 @@ export default function LogoutButtonGoogle() {
     setIsLoggedIn(false);
     navigate("/");
     console.log("Successfully logged out!");
-  }
+  };
 
   return (
     <LogoutButton>
       <GoogleLogout
-        clientId="258375953305-7j1t10b7nlkrlgclfm94a86q55k3v5d9.apps.googleusercontent.com"
+        clientId={configData.GOOGLE_TOKEN}
         buttonText="Logout"
-
-        onLogoutSuccess = {logout}>
-      </GoogleLogout>
+        onLogoutSuccess={logout}
+      ></GoogleLogout>
     </LogoutButton>
-  )
+  );
 }
-

src/config.json

@@ -0,0 +1,3 @@
+{
+    "GOOGLE_TOKEN": "258375953305-7j1t10b7nlkrlgclfm94a86q55k3v5d9.apps.googleusercontent.com"
+}