NP-48135 Change NVI apprive/reject text in action panel (#6866)

* NP-48135 Change NVI apprive/reject text in action panel

* Reorder import, remove i18n keys, fix typo

---------

Co-authored-by: Joachim Jørgensen <joachim.jorgensen@Joachims-MacBook-Pro.local>

src/pages/messages/components/NviCandidateActions.tsx

@@ -1,7 +1,8 @@
 import CheckIcon from '@mui/icons-material/Check';
 import ClearIcon from '@mui/icons-material/Clear';
+import LaunchIcon from '@mui/icons-material/Launch';
 import { LoadingButton } from '@mui/lab';
-import { Box, Button, Divider, Typography } from '@mui/material';
+import { Box, Button, Divider, Link as MuiLink, Typography } from '@mui/material';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { ReactNode, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -161,7 +162,18 @@ export const NviCandidateActions = ({ nviCandidate, nviCandidateQueryKey }: NviC
           <>
             <Trans
               i18nKey="tasks.nvi.approve_nvi_candidate_description"
-              components={[<Typography sx={{ mb: '1rem' }} key="1" />]}
+              components={{
+                p: <Typography sx={{ mb: '1rem' }} />,
+                hyperlink: (
+                  <MuiLink
+                    href={'https://sikt.no/tjenester/nasjonalt-vitenarkiv-nva/hjelpeside-nva/NVI-rapporteringsinstruks'}
+                    sx={{ fontStyle: 'italic' }}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  />
+                ),
+                launchIcon: <LaunchIcon fontSize="small" sx={{ ml: '0.2rem', verticalAlign: 'bottom' }} />,
+              }}
               values={{ buttonText: t('tasks.nvi.approve_nvi_candidate') }}
             />
             <LoadingButton

src/translations/nbTranslations.json

@@ -2077,7 +2077,7 @@
     "new_tasks": "Innmeldte oppgaver: {{count}}",
     "nvi": {
       "approve_nvi_candidate": "Godkjenn resultat",
-      "approve_nvi_candidate_description": "<0>Kontroll av forskningsresultat for NVI-rapportering.</0><0>Klikk på knappen \"{{buttonText}}\" for å rapportere forskningsresultatet.</0>",
+      "approve_nvi_candidate_description": "<p>Kontroll av forskningsresultat for NVI-rapportering.</p><p>Trykk på \"{{buttonText}}\" om publikasjonen kan rapporteres. Se <hyperlink>Rapporteringsinstruksen<launchIcon/></hyperlink> for mer informasjon.</p>",
       "completed_count": "Ferdig kontrollert ({{completed}} av {{total}})",
       "correction_list_type": {
         "anthology_with_applicable_chapter": "Antologier med tellende kapittel",
@@ -2101,7 +2101,7 @@
       "previous_candidate": "Gå til forrige kandidat",
       "publication_points": "Publiseringspoeng",
       "reject_nvi_candidate": "Avvis resultat",
-      "reject_nvi_candidate_description": "Klikk på knappen \"{{buttonText}}\" dersom forskningsresultatet ikke skal rapporteres. Du må oppgi en grunn for avvisningen.",
+      "reject_nvi_candidate_description": "Trykk på \"{{buttonText}}\" om publikasjonen ikke kan rapporteres. Du må begrunne avvisningen.",
       "reject_nvi_candidate_form_label": "Begrunnelse for avvisning",
       "reject_nvi_candidate_modal_text": "Vennligst oppgi en detaljert begrunnelse på hvorfor du avviser. Begrunnelsen må inneholde minst 10 tegn.",
       "reporting_period_closed": "Rapporteringsperioden for dette resultatet er lukket.",