From ed392ef98d6c7a44a6292e0980f8f2749e899509 Mon Sep 17 00:00:00 2001
From: Priyatham-sai-chand <priyathamsaichand@gmail.com>
Date: Thu, 15 Apr 2021 21:47:31 +0530
Subject: [PATCH] google meta tag

---
 public/index.html                          |  4 +--
 src/App.js                                 |  2 ++
 src/components/LogInContainer.js           |  1 +
 src/components/miscellaneous/Responsive.js | 36 +++++++++++-----------
 4 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/public/index.html b/public/index.html
index e2d1914..3d9ec53 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,6 +11,7 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.jpg" />
+<script src="https://apis.google.com/js/platform.js" async defer></script>
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -28,10 +29,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <!-- CSS Styles-->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
 
-     
+
     <title>Locaft</title>
   </head>
   <body>
diff --git a/src/App.js b/src/App.js
index fada1be..317172a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,6 +11,8 @@ import NavBar from "./components/NavBar";
 import FillingDetails from "./components/FillingDetails";
 import Error404 from './components/Error404';
 import Payment from './components/Payment'
+import 'bootstrap/dist/css/bootstrap.min.css';
+
 export default function App() {
   const [userData, setUserData ] = useState({
     token: undefined,
diff --git a/src/components/LogInContainer.js b/src/components/LogInContainer.js
index e46ab2f..b9d339d 100644
--- a/src/components/LogInContainer.js
+++ b/src/components/LogInContainer.js
@@ -206,6 +206,7 @@ const responsePassGoogle = async (response) => {
 }
     return (
         <BaseApp>
+  <meta name="google-signin-client_id" content={`${process.env.REACT_APP_CLIENT_ID}.apps.googleusercontent.com`} />
           <AppSide>
             {!hasLogged ? (
             <GoogleLogin
diff --git a/src/components/miscellaneous/Responsive.js b/src/components/miscellaneous/Responsive.js
index 350817f..986fab0 100644
--- a/src/components/miscellaneous/Responsive.js
+++ b/src/components/miscellaneous/Responsive.js
@@ -1,19 +1,19 @@
-export const size = {
-  mobileS: '320px',
-  mobileM: '375px',
-  mobileL: '425px',
-  tablet: '768px',
-  laptop: '1024px',
-  laptopL: '1440px',
-  desktop: '2560px'
-}
-export const Device = {
-  mobileS: `(min-width: ${size.mobileS})`,
-  mobileM: `(min-width: ${size.mobileM})`,
-  mobileL: `(min-width: ${size.mobileL})`,
-  tablet: `(min-width: ${size.tablet})`,
-  laptop: `(min-width: ${size.laptop})`,
-  laptopL: `(min-width: ${size.laptopL})`,
-  desktop: `(min-width: ${size.desktop})`,
-  desktopL: `(min-width: ${size.desktop})`
+export const size = {
+  mobileS: '320px',
+  mobileM: '375px',
+  mobileL: '425px',
+  tablet: '768px',
+  laptop: '1024px',
+  laptopL: '1440px',
+  desktop: '2560px'
+}
+export const Device = {
+  mobileS: `(min-width: ${size.mobileS})`,
+  mobileM: `(min-width: ${size.mobileM})`,
+  mobileL: `(min-width: ${size.mobileL})`,
+  tablet: `(min-width: ${size.tablet})`,
+  laptop: `(min-width: ${size.laptop})`,
+  laptopL: `(min-width: ${size.laptopL})`,
+  desktop: `(min-width: ${size.desktop})`,
+  desktopL: `(min-width: ${size.desktop})`
 };
\ No newline at end of file