From b1ab4ead488da398295a52f6863206f6e3e587f2 Mon Sep 17 00:00:00 2001
From: Igor Weber <85676385+igorweber@users.noreply.github.com>
Date: Wed, 25 Oct 2023 18:09:39 +0200
Subject: [PATCH] Informasjonsboks (#487)

* Informasjonsboks

* Viser kalge info kun for DP
---
 .../4-kvitteringsside/kvittering.tsx          | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/app/sider/innsending/4-kvitteringsside/kvittering.tsx b/src/app/sider/innsending/4-kvitteringsside/kvittering.tsx
index 39341efa..9d38e846 100644
--- a/src/app/sider/innsending/4-kvitteringsside/kvittering.tsx
+++ b/src/app/sider/innsending/4-kvitteringsside/kvittering.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Innholdstittel } from 'nav-frontend-typografi';
 import Sprakvelger from '../../../components/sprakvelger/sprakvelger';
-import { FormattedMessage } from 'react-intl';
+import { FormattedHTMLMessage, FormattedMessage } from 'react-intl';
 import NavKnapp, { KnappTyper } from '../../../components/knapp/navKnapp';
 import { RouteComponentProps } from 'react-router-dom';
 import { RootState } from '../../../store/configureStore';
@@ -40,6 +40,7 @@ import NavFrontendSpinner from 'nav-frontend-spinner';
 import { loggAktivitet } from '../../../utils/amplitudeUtils';
 import { finnTypeYtelsePostfix, TypeYtelse } from '../../../utils/teksterUtil';
 import { Location } from 'history';
+import Panel from "nav-frontend-paneler";
 
 interface MapStateToProps {
   router: Router;
@@ -242,7 +243,7 @@ class Kvittering extends React.Component<KvitteringsProps, {}> {
 
   innhold = (nesteInnsendingstype?: Innsendingstyper) => {
     const { innsendingstype, innsending, aktivtMeldekort } = this.props;
-    const typeYtelse = finnTypeYtelsePostfix(aktivtMeldekort.meldegruppe);
+    const typeYtelsePostfix = finnTypeYtelsePostfix(aktivtMeldekort.meldegruppe);
 
     return (
       <>
@@ -250,6 +251,12 @@ class Kvittering extends React.Component<KvitteringsProps, {}> {
           <FormattedMessage id={'overskrift.meldekort.sendt'} />
         </AlertStripe>
 
+        {typeYtelsePostfix === TypeYtelse.DAGPENGER &&
+          <Panel border={true} className={"alertSendt"}>
+            <FormattedHTMLMessage id={"sendt.klagerettigheterInfo" + typeYtelsePostfix} />
+          </Panel>
+        }
+
         <section className="seksjon flex-innhold tittel-sprakvelger noPrint">
           <Innholdstittel tag="h2">
             <FormattedMessage id="overskrift.steg4" />
@@ -261,7 +268,7 @@ class Kvittering extends React.Component<KvitteringsProps, {}> {
           <Meldekortdetaljer
             aktivtMeldekort={this.props.aktivtMeldekort}
             meldekortdetaljer={innsending.meldekortdetaljer}
-            typeYtelsePostfix={typeYtelse}
+            typeYtelsePostfix={typeYtelsePostfix}
           />
         </section>
         {innsendingstype === Innsendingstyper.INNSENDING &&
@@ -283,7 +290,7 @@ class Kvittering extends React.Component<KvitteringsProps, {}> {
     } = this.returnerPropsVerdier();
 
     const { personInfo, person, loading, aktivtMeldekort } = this.props;
-    const typeYtelse = finnTypeYtelsePostfix(aktivtMeldekort.meldegruppe);
+    const typeYtelsePostfix = finnTypeYtelsePostfix(aktivtMeldekort.meldegruppe);
 
     if (loading) {
       return (
@@ -294,13 +301,13 @@ class Kvittering extends React.Component<KvitteringsProps, {}> {
     }
 
     if (
-      typeYtelse === TypeYtelse.AAP &&
+      typeYtelsePostfix === TypeYtelse.AAP &&
       nesteAktivtMeldekort == undefined &&
       window['hj']
     ) {
       // @ts-ignore
       window.hj('trigger', 'meldekortAAP');
-    } else if (typeYtelse === TypeYtelse.TILTAKSPENGER && window['hj']) {
+    } else if (typeYtelsePostfix === TypeYtelse.TILTAKSPENGER && window['hj']) {
       // @ts-ignore
       window.hj('trigger', 'meldekortTP');
     }