fix: options missing en / sv translations

Author: joonatank

apps/ui/pages/search/index.tsx

@@ -37,6 +37,10 @@ import { SEARCH_FORM_PARAMS_UNIT } from "@/modules/queries/params";
 import { getApplicationRoundName } from "@/modules/applicationRound";
 import { getUnitName } from "@/modules/reservationUnit";
 import { OPTIONS_QUERY } from "@/hooks/useOptions";
+import {
+  convertLanguageCode,
+  getTranslationSafe,
+} from "common/src/common/util";
 
 type Props = Awaited<ReturnType<typeof getServerSideProps>>["props"];
 
@@ -79,11 +83,11 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
 
   const reservationUnitTypeOptions = reservationUnitTypes.map((n) => ({
     value: n.pk?.toString() ?? "",
-    label: n.nameFi ?? "",
+    label: getTranslationSafe(n, "name", convertLanguageCode(locale ?? "")),
   }));
   const purposeOptions = purposes.map((n) => ({
     value: n.pk?.toString() ?? "",
-    label: n.nameFi ?? "",
+    label: getTranslationSafe(n, "name", convertLanguageCode(locale ?? "")),
   }));
 
   const { data: unitData } = await apolloClient.query<Query, QueryUnitsArgs>({
@@ -98,7 +102,7 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
   )
     .map((node) => ({
       pk: node.pk ?? 0,
-      name: getUnitName(node) ?? "",
+      name: getUnitName(node, locale) ?? "",
     }))
     .map((node) => ({
       value: node.pk,

apps/ui/pages/search/single.tsx

@@ -31,6 +31,10 @@ import { useSearchValues } from "@/hooks/useSearchValues";
 import { OPTIONS_QUERY } from "@/hooks/useOptions";
 import { SEARCH_FORM_PARAMS_UNIT } from "@/modules/queries/params";
 import { getUnitName } from "@/modules/reservationUnit";
+import {
+  convertLanguageCode,
+  getTranslationSafe,
+} from "common/src/common/util";
 
 const Wrapper = styled.div`
   margin-bottom: var(--spacing-layout-l);
@@ -95,15 +99,15 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
 
   const reservationUnitTypeOptions = reservationUnitTypes.map((n) => ({
     value: n.pk?.toString() ?? "",
-    label: n.nameFi ?? "",
+    label: getTranslationSafe(n, "name", convertLanguageCode(locale ?? "")),
   }));
   const purposeOptions = purposes.map((n) => ({
     value: n.pk?.toString() ?? "",
-    label: n.nameFi ?? "",
+    label: getTranslationSafe(n, "name", convertLanguageCode(locale ?? "")),
   }));
   const equipmentsOptions = equipments.map((n) => ({
     value: n.pk ?? 0,
-    label: n.nameFi ?? "",
+    label: getTranslationSafe(n, "name", convertLanguageCode(locale ?? "")),
   }));
 
   const { data: unitData } = await apolloClient.query<Query, QueryUnitsArgs>({
@@ -118,7 +122,7 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
   )
     .map((node) => ({
       pk: node.pk ?? 0,
-      name: getUnitName(node) ?? "",
+      name: getUnitName(node, locale) ?? "",
     }))
     .map((node) => ({
       value: node.pk,