refactor(console): add i18n context to cloud tenant api (#8018)

Author: charIeszhao

packages/console/src/cloud/hooks/use-cloud-api.ts

@@ -60,7 +60,7 @@ export const useCloudApi = ({ hideErrorToast = false }: UseCloudApiProps = {}):
           ...conditional(!hideErrorToast && { error: toastResponseError }),
         },
       }),
-    [getAccessToken, hideErrorToast, isAuthenticated]
+    [getAccessToken, hideErrorToast, i18n.language, isAuthenticated]
   );
 
   return api;
@@ -69,14 +69,16 @@ export const useCloudApi = ({ hideErrorToast = false }: UseCloudApiProps = {}):
 type CreateTenantOptions = UseCloudApiProps &
   Pick<ReturnType<typeof useLogto>, 'isAuthenticated' | 'getOrganizationToken'> & {
     tenantId: string;
+    language: string;
   };
 
 export const createTenantApi = ({
   hideErrorToast = false,
   isAuthenticated,
   getOrganizationToken,
   tenantId,
-}: CreateTenantOptions) =>
+  language,
+}: CreateTenantOptions): Client<typeof tenantAuthRouter> =>
   new Client<typeof tenantAuthRouter>({
     baseUrl: window.location.origin,
     headers: async () => {
@@ -85,6 +87,7 @@ export const createTenantApi = ({
           Authorization: `Bearer ${
             (await getOrganizationToken(getTenantOrganizationId(tenantId))) ?? ''
           }`,
+          'Accept-Language': language,
         };
       }
     },
@@ -99,6 +102,7 @@ export const createTenantApi = ({
 export const useAuthedCloudApi = ({ hideErrorToast = false }: UseCloudApiProps = {}): Client<
   typeof tenantAuthRouter
 > => {
+  const { i18n } = useTranslation();
   const { currentTenantId } = useContext(TenantsContext);
   const { isAuthenticated, getOrganizationToken } = useLogto();
   const api = useMemo(
@@ -108,8 +112,9 @@ export const useAuthedCloudApi = ({ hideErrorToast = false }: UseCloudApiProps =
         isAuthenticated,
         getOrganizationToken,
         tenantId: currentTenantId,
+        language: i18n.language,
       }),
-    [currentTenantId, getOrganizationToken, hideErrorToast, isAuthenticated]
+    [currentTenantId, getOrganizationToken, hideErrorToast, isAuthenticated, i18n.language]
   );
 
   return api;

packages/console/src/onboarding/pages/CreateTenant/index.tsx

@@ -52,7 +52,7 @@ function CreateTenant() {
   } = methods;
   const { prependTenant } = useContext(TenantsContext);
   const theme = useTheme();
-  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
+  const { t, i18n } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const { update } = useUserOnboardingData();
   const parseEmailOptions = useCallback(
     (values: InviteeEmailItem[]) => {
@@ -93,6 +93,7 @@ function CreateTenant() {
         isAuthenticated,
         getOrganizationToken,
         tenantId: newTenant.id,
+        language: i18n.language,
       });
 
       if (collaboratorEmails.length > 0) {