TS-949 Create language selection

- Added error
island-is · Jan 22, 2025 · fa74423 · fa74423
1 parent 183a7ed
commit fa74423
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/libs/application/templates/new-primary-school/src/fields/LanguageSelection/index.tsx b/libs/application/templates/new-primary-school/src/fields/LanguageSelection/index.tsx
@@ -7,6 +7,7 @@ import { SelectController } from '@island.is/shared/form-fields'
 import { getAllLanguageCodes } from '@island.is/shared/utils'
 import { newPrimarySchoolMessages } from '../../lib/messages'
 import { getApplicationAnswers } from '../../lib/newPrimarySchoolUtils'
+import { getErrorViaPath } from '@island.is/application/core'
 
 const languagesIds = {
   language1: 'languages.language1',
@@ -18,6 +19,7 @@ const languagesIds = {
 
 const LanguageSelection: FC<React.PropsWithChildren<FieldBaseProps>> = ({
   application,
+  errors,
 }) => {
   const { formatMessage } = useLocale()
 
@@ -93,6 +95,7 @@ const LanguageSelection: FC<React.PropsWithChildren<FieldBaseProps>> = ({
             newPrimarySchoolMessages.differentNeeds.languageSelectionAriaLabel,
             { no: `${index + 1}` },
           )}
+          error={errors && getErrorViaPath(errors, languageIdsArray[index])}
           placeholder={formatMessage(
             newPrimarySchoolMessages.differentNeeds
               .languageSelectionPlaceholder,
@@ -138,6 +141,7 @@ const LanguageSelection: FC<React.PropsWithChildren<FieldBaseProps>> = ({
             newPrimarySchoolMessages.differentNeeds
               .languageSelectionPlaceholder,
           )}
+          error={errors && getErrorViaPath(errors, languagesIds.childLanguage)}
           id={languagesIds.childLanguage}
           name={languagesIds.childLanguage}
           backgroundColor="blue"

diff --git a/...primary-school/src/forms/NewPrimarySchoolForm/differentNeedsSection/languageSubSection.ts b/...primary-school/src/forms/NewPrimarySchoolForm/differentNeedsSection/languageSubSection.ts
@@ -36,7 +36,6 @@ export const languageSubSection = buildSubSection({
           placeholder:
             newPrimarySchoolMessages.differentNeeds
               .languageEnvironmentPlaceholder,
-          required: true,
           options: () => {
             return getLanguageEnvironments()
           },

diff --git a/libs/application/templates/new-primary-school/src/lib/dataSchema.ts b/libs/application/templates/new-primary-school/src/lib/dataSchema.ts
@@ -169,7 +169,7 @@ export const dataSchema = z.object({
       },
       {
         path: ['childLanguage'],
-        params: errorMessages.languagesRequired,
+        params: errorMessages.languageRequired,
       },
     )
     .refine(

diff --git a/libs/application/templates/new-primary-school/src/lib/messages.ts b/libs/application/templates/new-primary-school/src/lib/messages.ts
@@ -828,6 +828,11 @@ export const errorMessages = defineMessages({
     defaultMessage: 'Það þarf að velja a.m.k eitt tungumál',
     description: 'At least one language must be selected',
   },
+  languageRequired: {
+    id: 'nps.application:error.language.required',
+    defaultMessage: 'Það þarf að velja tungumál',
+    description: 'Language must be selected',
+  },
   noChildrenFoundTitle: {
     id: 'nps.application:error.no.children.found.title',
     defaultMessage: 'Því miður ert þú ekki með skráð barn á grunnskólaaldri',