Merge pull request #909 from KhawajaFashi/UI_change

fix: Changes to Navbar across all pages

Firebase.js

@@ -0,0 +1,39 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from "https://www.gstatic.com/firebasejs/10.14.1/firebase-app.js";
+import { getAuth, GoogleAuthProvider, signInWithPopup } from "https://www.gstatic.com/firebasejs/10.14.1/firebase-auth.js";
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+const firebaseConfig = {
+    apiKey: "AIzaSyBKWr4Q0_bTP-9-dnviFlyesJITE1K9LxI",
+    authDomain: "bobble-ai-6c878.firebaseapp.com",
+    projectId: "bobble-ai-6c878",
+    storageBucket: "bobble-ai-6c878.appspot.com",
+    messagingSenderId: "389012742453",
+    appId: "1:389012742453:web:f212dbd734d078e5b02c7c"
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const auth = getAuth(app);
+auth.languageCode = 'en';
+const provider = new GoogleAuthProvider();
+
+const google_login = document.getElementById("google_btn")
+google_login.addEventListener('click', () => {
+    signInWithPopup(auth, provider)
+        .then((result) => {
+            // This gives you a Google Access Token. You can use it to access the Google API.
+            const credential = GoogleAuthProvider.credentialFromResult(result);
+            // The signed-in user info.
+            const user = result.user;
+            console.log(user)
+            window.location.href = "index.html"
+        }).catch((error) => {
+            // Handle Errors here.
+            const errorCode = error.code;
+            const errorMessage = error.message;
+            // ...
+        });
+})