initial setup for google signin signup integration

2026-10-15 08:34:52 +00:00 · 2023-04-25 23:47:46 +08:00
parent 3b00df6662
commit 007e8c4442
19 changed files with 455 additions and 16 deletions
@@ -0,0 +1,47 @@
+import { useEffect, useState } from 'react';
+import jwt_decode from 'jwt-decode';
+
+import SecurityClient, { PROVIDER_AUTH_TOKEN_KEY } from '@app/components/utilities/SecurityClient';
+
+export const useProviderAuth = () => {
+    const [email, setEmail] = useState<string>('');
+    const [userId, setUserId] = useState<string>('');
+    const [providerAuthToken, setProviderAuthToken] = useState<string>(
+        SecurityClient.getProviderAuthToken() || ''
+    );
+
+    useEffect(() => {
+        const handleStorageChange = (event: StorageEvent) => {
+            if (event.storageArea === localStorage && event.key === PROVIDER_AUTH_TOKEN_KEY) {
+                if (event.newValue) {
+                    const token = event.newValue;
+                    const { userId: resultUserId, email: resultEmail } = jwt_decode(token) as any;
+
+                    setProviderAuthToken(token);
+                    setEmail(resultEmail);
+                    setUserId(resultUserId);
+                } else {
+                    setProviderAuthToken('');
+                    setEmail('');
+                    setUserId('');
+                }
+                setProviderAuthToken(event.newValue || '');
+            }
+        };
+
+        window.addEventListener('storage', handleStorageChange);
+
+        return () => {
+            window.removeEventListener('storage', handleStorageChange);
+        };
+    });
+
+    return {
+        email,
+        providerAuthToken,
+        userId,
+        setProviderAuthToken,
+        setEmail,
+        setUserId,
+    };
+};