feat: Refactor OAuth link retrieval to accept dynamic provider strings

Author: medyo

src/features/auth/api/getOauthLink.ts

@@ -2,11 +2,9 @@ import { useMutation } from '@tanstack/react-query'
 import { axios } from 'src/lib/axios'
 import { MutationConfig } from 'src/lib/react-query'
 
-type Provider = 'google.com' | 'github.com'
-
 export type GetOauthLinkDTO = {
   data: {
-    provider: Provider
+    provider: string
     state: string
   }
 }

src/features/auth/components/AuthModal.tsx

@@ -25,16 +25,16 @@ export const AuthModal = ({ showAuth }: AuthModalProps) => {
 
   const requestOauthLink = useCallback(
     async (provider: AuthProvider) => {
-      const getOauthLinkResponse = await getOauthLink.mutateAsync({
-        data: {
-          provider: provider.providerId as 'google.com' | 'github.com',
-          state: BUILD_TARGET === 'web' ? window.location.origin : getBrowserName(),
-        },
-      })
-
-      if (getOauthLinkResponse.authLink) {
-        window.open(getOauthLinkResponse.authLink, BUILD_TARGET === 'web' ? '_self' : '_blank')
-      }
+      getOauthLink
+        .mutateAsync({
+          data: {
+            provider: provider.providerId,
+            state: BUILD_TARGET === 'web' ? window.location.origin : getBrowserName(),
+          },
+        })
+        .then(({ authLink }) => {
+          window.open(authLink, BUILD_TARGET === 'web' ? '_self' : '_blank')
+        })
     },
     [getOauthLink]
   )