Set token and language headers in AJAX requests

This change sets the 'Authorization' token header and
'X-Accept-Language' header in AJAX requests if they are not already
present. The token is retrieved from local storage, and the language is
obtained from the current user's settings. This ensures that
authenticated requests include the necessary authorization and language
information. No further issues are affected by this change.

codegen.yml

@@ -3,7 +3,7 @@ schema: src/schema/schema.json
 # schema:
 #   - "http://127.0.0.1:19654/api/v2/graphql":
 #       headers:
-#         Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEiLCJleHAiOjE2OTkyNzkyNDMsImlhdCI6MTY4MzcyNzI0MywiaXNzIjoiY2stc2VydmVyQCJ9.h3HiVk3idy5erOZb5jfTh-dwzI5ixZtmFwuz9Yy0J-o"
+#         Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEiLCJleHAiOjE3MTUwMTE3ODUsImlhdCI6MTY5OTQ1OTc4NSwiaXNzIjoiY2stc2VydmVyQCJ9.dEfHo4B6g3SJynurBbXmNQfds9NUuusYhuSonDFhkE8"
 documents:
   - "src/schema/**/*.graphql"
   - "src/**/*.tsx"

src/services/ajax.ts

@@ -36,13 +36,16 @@ let token = getLocalToken()
 // let token = localProfile?.token
 
 export async function request<T>(url: string, options: RequestInit = {}): Promise<T> {
-  if (token) {
-    options.headers = {
-      ...(options.headers || {}),
-      'Authorization': `Bearer ${token}`,
-      'X-Accept-Language': getLanguage()
-    }
+  // set token if not exist
+  if (!(options.headers as Record<string, string>)['Authorization'] && token) {
+    (options.headers as Record<string, string>)['Authorization'] = `Bearer ${token}`
+  }
+
+  // set language if not exist
+  if (!(options.headers as Record<string, string>)['X-Accept-Language']) {
+    (options.headers as Record<string, string>)['X-Accept-Language'] = getLanguage()
   }
+
   options.credentials = 'include'
   options.mode = 'cors'
   if (!options.next) {