Create langPref validator, send langPref param to backend

codeforboston · Sep 17, 2024 · cc2f282 · cc2f282
1 parent 17457cb
commit cc2f282
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/frontend/front/src/api/apiSlice.js b/frontend/front/src/api/apiSlice.js
@@ -2,6 +2,7 @@ import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
 
 import { AUTHORIZATION_HEADER } from "../features/login/loginUtils";
 import { transformSurveyorKeys } from "../features/surveyor/surveyorUtils";
+import { validateLanguage } from "../util/surveyUtils";
 
 const baseUrl = process.env.REACT_APP_API_URL || "http://localhost:3000";
 
@@ -140,10 +141,14 @@ export const apiSlice = createApi({
       ],
     }),
     getSurveyStructure: builder.query({
-      query: (id) => ({
-        url: `/surveys/${id}`,
-        method: "GET",
-      }),
+      query: (id) => {
+        const validatedLangPref = validateLanguage();
+        return {
+          url: `/surveys/${id}`,
+          method: "GET",
+          params: { langPref: validatedLangPref },
+        };
+      },
       providesTags: (result, error, arg) => [{ type: "Survey", id: arg }],
     }),
     createSurvey: builder.mutation({

diff --git a/frontend/front/src/util/surveyUtils.js b/frontend/front/src/util/surveyUtils.js
@@ -1,3 +1,15 @@
+// Current supported survey languages
+const supportedLanguages = ["en"];
+
+export const validateLanguage = () => {
+  const langPref = localStorage.getItem("langPref");
+  if (typeof langPref !== "string") {
+    return "en";
+  }
+  const generalLang = langPref.split("-")[0];
+  return supportedLanguages.includes(generalLang) ? generalLang : "en";
+};
+
 export const buildSurveyCacheKey = (surveyId, homeId) =>
   `survey${surveyId}-home${homeId}`;