make data model name bold using Trans

Altinn · Jul 5, 2024 · b8252c7 · b8252c7
1 parent d3b425e
commit b8252c7
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/...elopment/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/DeleteWrapper.test.tsx b/...elopment/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/DeleteWrapper.test.tsx
@@ -22,9 +22,7 @@ const user = userEvent.setup();
 const deleteText = textMock('schema_editor.delete_data_model');
 const continueText = textMock('schema_editor.confirm_deletion');
 const cancelText = textMock('general.cancel');
-const confirmText = textMock('schema_editor.delete_model_confirm', {
-  schemaName: dataModel1NameMock,
-});
+const confirmText = textMock('schema_editor.delete_model_confirm');
 
 const selectedOption = convertMetadataToOption(jsonMetadata1Mock);
 const defaultProps: DeleteWrapperProps = { selectedOption };

diff --git a/...p-development/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/DeleteWrapper.tsx b/...p-development/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/DeleteWrapper.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { StudioButton } from '@studio/components';
 import { TrashIcon } from '@studio/icons';
 import { useDeleteDataModelMutation } from '../../../../hooks/mutations';
@@ -46,7 +46,13 @@ export function DeleteWrapper({ selectedOption }: DeleteWrapperProps) {
         </StudioButton>
       }
     >
-      <p>{t('schema_editor.delete_model_confirm', { schemaName })}</p>
+      <p>
+        <Trans
+          i18nKey={'schema_editor.delete_model_confirm'}
+          values={{ schemaName }}
+          components={{ bold: <strong /> }}
+        />
+      </p>
     </AltinnConfirmDialog>
   );
 }
diff --git a/frontend/language/src/nb.json b/frontend/language/src/nb.json
@@ -1315,7 +1315,7 @@
   "schema_editor.delete": "Slett",
   "schema_editor.delete_data_model": "Slett datamodell",
   "schema_editor.delete_field": "Slett felt",
-  "schema_editor.delete_model_confirm": "Er du sikker på at du vil slette {{schemaName}}?",
+  "schema_editor.delete_model_confirm": "Er du sikker på at du vil slette datamodellen <bold>{{schemaName}}</bold>?",
   "schema_editor.depth_error": "Det er ikke mulig å plassere gruppen her fordi det vil føre til at skjemaet får for mange nivåer.",
   "schema_editor.description": "Tekst",
   "schema_editor.descriptive_fields": "Beskrivende felter",