From ecb72a1162b97e72b722725265f40c9a1e40add7 Mon Sep 17 00:00:00 2001
From: mattiaslundmark <lundmark.mattias@gmail.com>
Date: Wed, 20 Dec 2023 10:21:30 +0100
Subject: [PATCH] =?UTF-8?q?Sjekker,=20og=20advarer,=20om=20bel=C3=B8pet=20?=
 =?UTF-8?q?er=20urimelig=20h=C3=B8yt=20(#1189)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../steg/BeregningTilskudd/BeregningTilskuddSteg.less     | 4 ++++
 src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx      | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less
index 01c97b3bb..a93284638 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less
+++ b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less
@@ -9,6 +9,10 @@
     }
   }
 
+  &__alert {
+    margin-top: 1rem;
+  }
+
   &__tilskuddsprosent-heading, &__tilskuddsprosent {
     margin-bottom: 1.25rem;
   }
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx
index c878b0ea3..45d777110 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx
@@ -3,6 +3,7 @@ import { Column, Row } from '@/komponenter/NavGrid/Grid';
 import ValutaInput from '@/komponenter/form/ValutaInput';
 import { BEMWrapper } from '@/utils/bem';
 import { AvtaleContext } from '@/AvtaleProvider';
+import { Alert } from '@navikt/ds-react';
 
 interface Props {
     cls: BEMWrapper;
@@ -10,6 +11,8 @@ interface Props {
 
 const Manedslonn: React.FC<Props> = ({ cls }: Props) => {
     const { avtale, settAvtaleInnholdVerdier, settOgKalkulerBeregningsverdier } = useContext(AvtaleContext);
+    const erHøyManedslønn = (avtale.gjeldendeInnhold.manedslonn !== undefined && avtale.gjeldendeInnhold.manedslonn > 99999);
+
     return (
         <Row className={cls.element('rad', 'input')}>
             <Column md="6" className={cls.element('valuta-input')}>
@@ -26,6 +29,11 @@ const Manedslonn: React.FC<Props> = ({ cls }: Props) => {
                     onBlur={(event) => settOgKalkulerBeregningsverdier({ manedslonn: parseFloat(event.target.value) })}
                     min={0}
                 />
+                {erHøyManedslønn &&
+                    <Alert variant="warning" className={cls.element('alert')}>
+                        Er du sikker på at dette er riktig månedslønn?
+                    </Alert>
+                }
             </Column>
         </Row>
     );