fix(my-pages): health vaccination tags & locale (#16567)

* fix: tags

* feat: add locale to service WIP

* feat: add locale from service

* feat: add locale to query call

libs/api/domains/health-directorate/src/lib/health-directorate.resolver.ts

@@ -72,7 +72,11 @@ export class HealthDirectorateResolver {
     name: 'healthDirectorateVaccinations',
   })
   @Audit()
-  getVaccinations(@CurrentUser() user: User): Promise<Vaccinations | null> {
-    return this.api.getVaccinations(user)
+  getVaccinations(
+    @Args('locale', { type: () => String, nullable: true })
+    locale: Locale = 'is',
+    @CurrentUser() user: User,
+  ): Promise<Vaccinations | null> {
+    return this.api.getVaccinations(user, locale)
   }
 }

libs/api/domains/health-directorate/src/lib/health-directorate.service.ts

@@ -10,7 +10,8 @@ import { Auth } from '@island.is/auth-nest-tools'
 import type { Locale } from '@island.is/shared/types'
 import { Donor, DonorInput, Organ } from './models/organ-donation.model'
 
-import { Info, Vaccination, Vaccinations } from './models/vaccinations.model'
+import { Vaccination, Vaccinations } from './models/vaccinations.model'
+import { mapVaccinationStatus } from './utils/mappers'
 
 @Injectable()
 export class HealthDirectorateService {
@@ -72,19 +73,26 @@ export class HealthDirectorateService {
   }
 
   /* Vaccinations */
-  async getVaccinations(auth: Auth): Promise<Vaccinations | null> {
-    const data = await this.vaccinationApi.getVaccinationDiseaseDetail(auth)
+  async getVaccinations(
+    auth: Auth,
+    locale: Locale,
+  ): Promise<Vaccinations | null> {
+    const data = await this.vaccinationApi.getVaccinationDiseaseDetail(
+      auth,
+      locale === 'is' ? 'is' : 'en',
+    )
     if (data === null) {
       return null
     }
+
     const vaccinations: Array<Vaccination> =
       data?.map((item) => {
         return {
           id: item.diseaseId,
           name: item.diseaseName,
           description: item.diseaseDescription,
           isFeatured: item.isFeatured,
-          status: item.vaccinationStatus,
+          status: mapVaccinationStatus(item.vaccinationStatus),
           statusName: item.vaccinationStatusName,
           statusColor: item.vaccinationStatusColor,
           lastVaccinationDate: item.lastVaccinationDate ?? null,

libs/api/domains/health-directorate/src/lib/models/enums.ts

@@ -0,0 +1,15 @@
+import { registerEnumType } from '@nestjs/graphql'
+
+export enum VaccinationStatusEnum {
+  valid = 'valid', // mint
+  expired = 'expired', // blue
+  complete = 'complete', //  mint
+  incomplete = 'incomplete', // blue
+  undocumented = 'undocumented', // purple
+  unvaccinated = 'unvaccinated', // red
+  rejected = 'rejected', // purple
+  undetermined = 'undetermined', // purple
+}
+registerEnumType(VaccinationStatusEnum, {
+  name: 'HealthDirectorateVaccinationStatusEnum',
+})

libs/api/domains/health-directorate/src/lib/models/vaccinations.model.ts

@@ -1,5 +1,6 @@
 import { DiseaseVaccinationDtoVaccinationStatusEnum } from '@island.is/clients/health-directorate'
 import { Field, Int, ObjectType, registerEnumType } from '@nestjs/graphql'
+import { VaccinationStatusEnum } from './enums'
 
 registerEnumType(DiseaseVaccinationDtoVaccinationStatusEnum, {
   name: 'HealthDirectorateVaccinationsStatus',
@@ -55,8 +56,8 @@ export class Vaccination {
   @Field(() => Boolean, { nullable: true })
   isFeatured?: boolean
 
-  @Field({ nullable: true })
-  status?: string
+  @Field(() => VaccinationStatusEnum, { nullable: true })
+  status?: VaccinationStatusEnum
 
   @Field({ nullable: true })
   statusName?: string

libs/api/domains/health-directorate/src/lib/utils/mappers.ts

@@ -0,0 +1,27 @@
+import { DiseaseVaccinationDtoVaccinationStatusEnum } from '@island.is/clients/health-directorate'
+import { VaccinationStatusEnum } from '../models/enums'
+
+export const mapVaccinationStatus = (
+  status?: DiseaseVaccinationDtoVaccinationStatusEnum,
+): VaccinationStatusEnum => {
+  switch (status) {
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Valid:
+      return VaccinationStatusEnum.valid
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Complete:
+      return VaccinationStatusEnum.complete
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Expired:
+      return VaccinationStatusEnum.expired
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Incomplete:
+      return VaccinationStatusEnum.incomplete
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Rejected:
+      return VaccinationStatusEnum.rejected
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Undetermined:
+      return VaccinationStatusEnum.undetermined
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Undocumented:
+      return VaccinationStatusEnum.undocumented
+    case DiseaseVaccinationDtoVaccinationStatusEnum.Unvaccinated:
+      return VaccinationStatusEnum.unvaccinated
+    default:
+      return VaccinationStatusEnum.undetermined
+  }
+}

libs/clients/health-directorate/src/lib/clients/vaccinations/clientConfig.json

@@ -58,7 +58,14 @@
       "get": {
         "operationId": "MeVaccinationController_getVaccinationsForDiseases",
         "description": "Get overview of vaccinations for a user",
-        "parameters": [],
+        "parameters": [
+          {
+            "name": "locale",
+            "required": false,
+            "in": "query",
+            "schema": { "enum": ["en", "is"], "type": "string" }
+          }
+        ],
         "responses": {
           "200": {
             "description": "",
@@ -120,6 +127,12 @@
             "in": "path",
             "description": "id of the disease",
             "schema": { "type": "string" }
+          },
+          {
+            "name": "locale",
+            "required": false,
+            "in": "query",
+            "schema": { "enum": ["en", "is"], "type": "string" }
           }
         ],
         "responses": {
@@ -877,6 +890,10 @@
           "description": { "type": "string" },
           "isFeatured": { "type": "boolean" },
           "isVisible": { "type": "boolean" },
+          "vaccines": {
+            "type": "array",
+            "items": { "$ref": "#/components/schemas/VaccineDiseaseDto" }
+          },
           "rules": {
             "type": "array",
             "items": { "$ref": "#/components/schemas/DiseaseRuleDto" }

libs/clients/health-directorate/src/lib/clients/vaccinations/vaccinations.service.ts

@@ -3,6 +3,7 @@ import { handle404 } from '@island.is/clients/middlewares'
 import { Inject, Injectable } from '@nestjs/common'
 import {
   DiseaseVaccinationDto,
+  MeVaccinationControllerGetVaccinationsForDiseasesLocaleEnum,
   MeVaccinationsApi,
   VaccinationDto,
 } from './gen/fetch'
@@ -29,7 +30,7 @@ export class HealthDirectorateVaccinationsService {
       .catch(handle404)
 
     if (!vaccines) {
-      this.logger.warn('No vaccines returned', {
+      this.logger.debug('No vaccines returned', {
         category: LOG_CATEGORY,
       })
       return null
@@ -40,13 +41,19 @@ export class HealthDirectorateVaccinationsService {
 
   public async getVaccinationDiseaseDetail(
     auth: Auth,
+    locale: string,
   ): Promise<Array<DiseaseVaccinationDto> | null> {
     const disease = await this.vaccinationsApiWithAuth(auth)
-      .meVaccinationControllerGetVaccinationsForDiseases()
+      .meVaccinationControllerGetVaccinationsForDiseases({
+        locale:
+          locale === 'is'
+            ? MeVaccinationControllerGetVaccinationsForDiseasesLocaleEnum.Is
+            : MeVaccinationControllerGetVaccinationsForDiseasesLocaleEnum.En,
+      })
       .catch(handle404)
 
     if (!disease) {
-      this.logger.warn('No vaccines diseases returned', {
+      this.logger.debug('No vaccines diseases returned', {
         category: LOG_CATEGORY,
       })
       return null

libs/service-portal/health/src/screens/Vaccinations/Vaccinations.graphql

@@ -1,5 +1,5 @@
-query getVaccinations {
-  healthDirectorateVaccinations {
+query getVaccinations($locale: String) {
+  healthDirectorateVaccinations(locale: $locale) {
     vaccinations {
       id
       name

libs/service-portal/health/src/screens/Vaccinations/VaccinationsWrapper.tsx

@@ -15,8 +15,12 @@ import { Problem } from '@island.is/react-spa/shared'
 
 export const VaccinationsWrapper = () => {
   useNamespaces('sp.health')
-  const { formatMessage } = useLocale()
-  const { data, loading, error } = useGetVaccinationsQuery()
+  const { formatMessage, locale } = useLocale()
+  const { data, loading, error } = useGetVaccinationsQuery({
+    variables: {
+      locale: locale,
+    },
+  })
 
   const vaccinations = data?.healthDirectorateVaccinations.vaccinations