Merge pull request #235 from medyo/fix-firebase-import

Fix firebase imports

Author: medyo

public/base.manifest.json

@@ -2,22 +2,16 @@
   "manifest_version": 3,
   "name": "Hackertab.dev - developer news",
   "description": "All developer news in one tab",
-  "version": "1.23.1",
+  "version": "1.23.2",
   "chrome_url_overrides": {
     "newtab": "index.html"
   },
-  "host_permissions": [
-    "https://*.hackertab.dev/*"
-  ],
+  "host_permissions": ["https://*.hackertab.dev/*"],
   "content_scripts": [
     {
-      "matches": [
-        "https://hackertab.dev/*"
-      ],
+      "matches": ["https://hackertab.dev/*"],
       "run_at": "document_start",
-      "js": [
-        "content.js"
-      ]
+      "js": ["content.js"]
     }
   ],
   "icons": {

src/features/auth/components/AuthModal.tsx

@@ -1,4 +1,4 @@
-import { AuthProvider, GithubAuthProvider, GoogleAuthProvider } from 'firebase/auth'
+import { GithubAuthProvider, GoogleAuthProvider } from 'firebase/auth/web-extension'
 import { useCallback, useState } from 'react'
 import { FaGithub } from 'react-icons/fa'
 import { FcGoogle } from 'react-icons/fc'
@@ -18,6 +18,7 @@ type AuthModalProps = {
 const googleAuthProvider = new GoogleAuthProvider()
 const githubAuthProvider = new GithubAuthProvider()
 
+type AuthProvider = GoogleAuthProvider | GithubAuthProvider
 export const AuthModal = ({ showAuth }: AuthModalProps) => {
   const { closeAuthModal, authError, setAuthError } = useAuth()
   const [selectedProvider, setSelectedProvider] = useState<AuthProvider>(googleAuthProvider)

src/features/auth/hooks/useAuth.ts

@@ -1,4 +1,4 @@
-import { signOut } from 'firebase/auth'
+import { signOut } from 'firebase/auth/web-extension'
 import { AuthModalStore, AuthStore } from 'src/features/auth'
 import { trackUserDisconnect } from 'src/lib/analytics'
 import { firebaseAuth } from 'src/lib/firebase'

src/lib/firebase.ts

@@ -1,5 +1,5 @@
 import { initializeApp } from 'firebase/app'
-import { getAuth } from 'firebase/auth'
+import { getAuth } from 'firebase/auth/web-extension'
 import { FIREBASE_API_KEY } from 'src/config'
 
 const firebaseConfig = {

src/providers/AuthProvider.tsx

@@ -1,4 +1,8 @@
-import { GithubAuthProvider, GoogleAuthProvider, signInWithCredential } from 'firebase/auth'
+import {
+  GithubAuthProvider,
+  GoogleAuthProvider,
+  signInWithCredential,
+} from 'firebase/auth/web-extension'
 import { useCallback, useEffect } from 'react'
 import { useNavigate, useSearchParams } from 'react-router-dom'
 import toast from 'react-simple-toasts'

src/stores/preferences.ts

@@ -129,7 +129,7 @@ export const useUserPreferences = create(
       theme: 'dark',
       onboardingCompleted: false,
       onboardingResult: null,
-      searchEngine: 'chatgpt',
+      searchEngine: 'google',
       searchEngines: [
         {
           label: 'Google',