tilpasser tekster

navikt · Jun 18, 2024 · 8452288 · 8452288
1 parent a7f9df7
commit 8452288
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 29 deletions.
diff --git a/src/client/app/api/queries/avdelingslederQueries.ts b/src/client/app/api/queries/avdelingslederQueries.ts
@@ -50,7 +50,7 @@ export const useOpphevReservasjoner = () => {
 	});
 };
 
-export const useEndreReservasjoner = () => {
+export const useEndreReservasjoner = ({ callback }: { callback: () => void }) => {
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationFn: (
@@ -61,11 +61,13 @@ export const useEndreReservasjoner = () => {
 				brukerIdent: string;
 			}[],
 		) => axiosInstance.post(apiPaths.endreReservasjoner, data),
-		onSuccess: () =>
+		onSuccess: () => {
 			Promise.all([
 				queryClient.invalidateQueries(apiPaths.saksbehandlerReservasjoner),
 				queryClient.invalidateQueries(apiPaths.avdelinglederReservasjoner),
-			]),
+			]);
+			if (callback) callback();
+		},
 	});
 };
 

diff --git a/src/client/app/saksbehandler/behandlingskoer/components/menu/FlyttReservasjonerModal.tsx b/src/client/app/saksbehandler/behandlingskoer/components/menu/FlyttReservasjonerModal.tsx
@@ -45,7 +45,7 @@ const initialValues = (reservasjoner: FlyttReservasjonType[]) => {
  * Presentasjonskomponent. Modal som lar en søke opp en saksbehandler som saken skal flyttes til. En kan også begrunne hvorfor saken skal flyttes.
  */
 export const FlyttReservasjonerModal: FunctionComponent<OwnProps> = ({ open, closeModal, reservasjoner }) => {
-	const { mutate: flyttReservasjoner } = useEndreReservasjoner();
+	const { mutate: flyttReservasjoner } = useEndreReservasjoner({ callback: closeModal });
 	const intl = useIntl();
 	const { data: saksbehandlere, isLoading, error } = useGetAlleSaksbehandlere({ placeholderData: [] });
 	const uniqueSaksbehandlere = Array.from(new Set(saksbehandlere.map((a) => a.brukerIdent))).map((brukerIdent) => {
@@ -90,7 +90,10 @@ export const FlyttReservasjonerModal: FunctionComponent<OwnProps> = ({ open, clo
 		<Modal
 			open={open}
 			onClose={closeModal}
-			header={{ heading: intl.formatMessage({ id: 'FlyttReservasjonModal.Tittel' }) }}
+			header={{
+				heading: intl.formatMessage({ id: 'FlyttReservasjonerModal.Tittel' }, { antall: reservasjoner.length }),
+			}}
+			className="min-w-[500px]"
 		>
 			<Modal.Body>
 				<Form
@@ -113,6 +116,7 @@ export const FlyttReservasjonerModal: FunctionComponent<OwnProps> = ({ open, clo
 							onToggleSelected={(optionValue, isSelected) => {
 								if (isSelected) {
 									setValue('reservertAvIdent', saksbehandlere.find((v) => v.brukerIdent === optionValue)?.brukerIdent);
+									trigger('reservertAvIdent');
 								} else {
 									setValue('reservertAvIdent', '');
 								}
@@ -124,27 +128,28 @@ export const FlyttReservasjonerModal: FunctionComponent<OwnProps> = ({ open, clo
 					)}
 					<div className="mt-8">
 						<Datepicker
-							label={intl.formatMessage({ id: 'FlyttReservasjonModal.FlyttReservasjonText' })}
+							label={intl.formatMessage({ id: 'FlyttReservasjonerModal.FlyttReservasjonText' })}
+							description={intl.formatMessage({ id: 'FlyttReservasjonerModal.FlyttReservasjonText.Description' })}
 							name={'reserverTil'}
 							validate={[dateAfterOrEqualToToday]}
 						/>
 					</div>
 					{!harFlereReservasjoner(reservasjoner) && (
 						<TextAreaField
 							className="mt-8"
-							label={intl.formatMessage({ id: 'FlyttReservasjonModal.Begrunn' })}
+							label={intl.formatMessage({ id: 'FlyttReservasjonerModal.Begrunn' })}
 							name="begrunnelse"
 							validate={[required, minLength(3), maxLength(1500), hasValidText]}
 						/>
 					)}
-					<Modal.Footer>
+					<div className="flex flex-row-reverse gap-4 mt-8">
 						<Button variant="primary" type="submit">
-							{intl.formatMessage({ id: 'FlyttReservasjonModal.Ok' })}
+							{intl.formatMessage({ id: 'FlyttReservasjonerModal.Ok' })}
 						</Button>
 						<Button variant="secondary" type="reset" onClick={closeModal}>
-							{intl.formatMessage({ id: 'FlyttReservasjonModal.Avbryt' })}
+							{intl.formatMessage({ id: 'FlyttReservasjonerModal.Avbryt' })}
 						</Button>
-					</Modal.Footer>
+					</div>
 				</Form>
 			</Modal.Body>
 		</Modal>

diff --git a/src/client/app/sprak/nb_NO.json b/src/client/app/sprak/nb_NO.json
@@ -79,24 +79,13 @@
 
 	"FerdigstilteHistorikkPanel.Ferdigstilte": "Historikk over ferdigstilte oppgaver",
 
-	"FlyttReservasjonModal.Tittel": "Endre og/eller flytte reservasjon",
-	"FlyttReservasjonModal.Brukerident": "Saksbehandlers brukerident",
-	"FlyttReservasjonModal.Sok": "Søk",
-	"FlyttReservasjonModal.Begrunn": "Begrunn endring av reservasjon",
-	"FlyttReservasjonModal.Ok": "OK",
-	"FlyttReservasjonModal.Avbryt": "Avbryt",
-	"FlyttReservasjonBegrunnelseModal.FlyttTilSaksbehandler": "Flytt til saksbehandler",
-	"FlyttReservasjonBegrunnelseModal.Begrunnelse": "Begrunnelse for flytting av reservasjon",
-
-	"FlyttReservasjonBolkModal.Tittel": "Flytt {antall} reservasjoner",
-	"FlyttReservasjonBolkModal.Brukerident": "Saksbehandlers brukerident",
-	"FlyttReservasjonBolkModal.Sok": "Søk",
-	"FlyttReservasjonBolkModal.Begrunn": "Begrunn endring av reservasjoner",
-	"FlyttReservasjonBolkModal.FlyttReservasjonText": "Velg dato som reservasjonene avsluttes (Valgfritt å fylle ut)",
-	"FlyttReservasjonBolkModal.Ok": "OK",
-	"FlyttReservasjonBolkModal.Avbryt": "Avbryt",
-	"FlyttReservasjonBolkBegrunnelseModal.FlyttTilSaksbehandler": "Flytt til saksbehandler",
-	"FlyttReservasjonBolkBegrunnelseModal.Begrunnelse": "Begrunnelse for flytting av reservasjoner",
+	"FlyttReservasjonerModal.Tittel": "Endre {antall} reservasjoner",
+	"FlyttReservasjonerModal.Begrunn": "Begrunn endring av reservasjoner",
+	"FlyttReservasjonerModal.FlyttReservasjonText": "Velg dato som reservasjonene avsluttes",
+	"FlyttReservasjonerModal.FlyttReservasjonText.Description": "Behold eksisterende dato ved å la feltet stå tomt",
+	"FlyttReservasjonerModal.Ok": "Lagre",
+	"FlyttReservasjonerModal.Avbryt": "Avbryt",
+	"FlyttReservasjonerModal.FlyttTilSaksbehandler": "Flytt til saksbehandler",
 
 	"FordelingAvBehandlingstypePanel.Fordeling": "Antall åpne oppgave",
 	"FordelingAvBehandlingstypePanel.Alle": "Alle ytelser",