Alert for endret organisasjonsnummer (#275)

* Legg til alert dersom orgnummer er endret

Co-authored-by: Frode Ankill Kämpe <[email protected]>

* Bump deploy

* Forsøk med ny bump depoloy siden det oppstår nettverkstrøbbel

* Legg til wrapper også for tom liste

* Prøv med ny bump deoloy

* Legg til mer logging for organisasjonsnummerendring

Co-authored-by: Frode Ankill Kämpe <[email protected]>

* Legg til mer debug for endring av orgnummer

* Fjern eksgtra tesdata i kode

* Ta bort logging av organisasjonsendringer

* Ta bort ekstra wrapping rundt tom liste

---------

Co-authored-by: Frode Ankill Kämpe <[email protected]>

Author: joarau

Diff for: .github/workflows/deploy.yml

@@ -43,7 +43,7 @@ jobs:
     deploy-til-dev:
         name: Deploy til dev-gcp
         needs: bygg-og-push-docker-image
-        if: github.event_name == 'workflow_dispatch' || github.ref == 'refs/heads/master' || github.ref == 'refs/heads/riktekst'
+        if: github.event_name == 'workflow_dispatch' || github.ref == 'refs/heads/master' || github.ref == 'refs/heads/alert-for-endret-organisasjonsnummer'
         runs-on: ubuntu-latest
         steps:
             - uses: actions/checkout@v3

Diff for: README.md

@@ -12,7 +12,7 @@ npm install
 
 ## Utvikling
 
-Følgende kommando starter appen i et utviklingsmiljø. Alle API-kall er mocket med msw.js.
+Følgende kommando starter appen i et utviklingsmiljø. Alle API-kall er mocket med msw.js. 
 
 ```sh
 

Diff for: src/kandidat/kandidatliste/Kandidatliste.tsx

@@ -35,6 +35,7 @@ import { Kandidatlistefilter } from './reducer/kandidatlisteReducer';
 import SideHeader from './side-header/SideHeader';
 import SmsFeilAlertStripe from './smsFeilAlertStripe/SmsFeilAlertStripe';
 import TomListe from './tom-liste/TomListe';
+import OrganisasjonsnummerAlert from './OrganisasjonsnummerAlert';
 
 type Props = {
     kandidatliste: Kandidatlistetype;
@@ -47,6 +48,7 @@ type Props = {
     onSendSmsClick: any;
     onToggleArkivert: any;
     skjulBanner?: boolean;
+    organisasjonsnummerFraStilling?: string | null;
 };
 
 const Kandidatliste: FunctionComponent<Props> = ({
@@ -60,6 +62,7 @@ const Kandidatliste: FunctionComponent<Props> = ({
     onToggleMarkert,
     onToggleArkivert,
     skjulBanner,
+    organisasjonsnummerFraStilling,
 }) => {
     useMaskerFødselsnumre();
     useHentForespørslerOmDelingAvCv(kandidatliste.stillingId);
@@ -164,6 +167,12 @@ const Kandidatliste: FunctionComponent<Props> = ({
     const kandidatlistenErÅpen = kandidatliste.status === Kandidatlistestatus.Åpen;
     const kanArkivereKandidater = !filter.visArkiverte && kandidatlistenErÅpen;
 
+    const orgnummerDivergererMellomStillingOgKandidat: boolean =
+        kandidatliste &&
+        kandidatliste.organisasjonReferanse != null &&
+        organisasjonsnummerFraStilling != null &&
+        kandidatliste.organisasjonReferanse !== organisasjonsnummerFraStilling;
+
     return (
         <div className={css.innhold}>
             <SideHeader kandidatliste={kandidatliste} skjulBanner={skjulBanner} />
@@ -185,6 +194,9 @@ const Kandidatliste: FunctionComponent<Props> = ({
                                         kandidatliste={kandidatliste}
                                     />
                                 )}
+                            {orgnummerDivergererMellomStillingOgKandidat && (
+                                <OrganisasjonsnummerAlert />
+                            )}
                             <KnappeRad
                                 kandidatliste={kandidatliste}
                                 onSendSmsClick={onSendSmsClick}
@@ -260,7 +272,12 @@ const Kandidatliste: FunctionComponent<Props> = ({
                     </div>
                 </>
             ) : (
-                <TomListe kandidatlistenErLukket={!kandidatlistenErÅpen}></TomListe>
+                <TomListe
+                    kandidatlistenErLukket={!kandidatlistenErÅpen}
+                    orgnummerDivergererMellomStillingOgKandidat={
+                        orgnummerDivergererMellomStillingOgKandidat
+                    }
+                ></TomListe>
             )}
         </div>
     );

Diff for: src/kandidat/kandidatliste/KandidatlisteOgModaler.tsx

@@ -207,6 +207,7 @@ class LegacyKandidatlisteOgModaler extends React.Component<Props> {
                     onKandidaterAngreArkivering={this.onKandidaterAngreArkivering}
                     onSendSmsClick={() => this.onToggleSendSmsModal(true)}
                     onToggleArkivert={toggleArkivert}
+                    organisasjonsnummerFraStilling={this.props.stilling?.employer?.orgnr}
                 />
             </div>
         );

Diff for: src/kandidat/kandidatliste/OrganisasjonsnummerAlert.module.css

@@ -0,0 +1,3 @@
+.organisasjonsnummeralert {
+    margin-bottom: 1rem;
+}

Diff for: src/kandidat/kandidatliste/OrganisasjonsnummerAlert.tsx

@@ -0,0 +1,63 @@
+import { Alert, BodyLong, Box, Heading, Link, List } from '@navikt/ds-react';
+import css from './OrganisasjonsnummerAlert.module.css';
+
+const OrganisasjonsnummerAlert = () => (
+    <div className={css.organisasjonsnummeralert}>
+        <Alert variant="warning">
+            <Heading level="3" size="medium" spacing>
+                Stillingen har fått nytt organisasjonsnummer
+            </Heading>
+            <BodyLong className={css.beskrivelse}>
+                Organisasjonsnummeret til stillingen har blitt endret i et annet system. Det kan
+                føre til at CVer deles med feil organisasjon.
+            </BodyLong>
+
+            <Box paddingBlock="4">
+                <Heading level="4" size="small">
+                    Hva betyr det for meg?
+                </Heading>
+                <BodyLong>
+                    Har du lagt til kandidater på stillingen blir de delt med den forrige
+                    organisasjonen. Deler du CVene deres, vil det føre til personvernsbrudd.
+                </BodyLong>
+            </Box>
+
+            <List
+                as="ol"
+                title="Hva kan jeg gjøre med det?"
+                description="For å dele CVene til disse kandidatene må du:"
+                headingTag="h4"
+            >
+                <List.Item>Slett kandidatene fra denne stillingen.</List.Item>
+                <List.Item>
+                    Opprette stillingen på nytt med det nye organisasjonsnummeret.
+                </List.Item>
+                <List.Item>Legge til kandidatene igjen på den nye stillingen.</List.Item>
+            </List>
+
+            <List
+                as="ol"
+                title="Hva hvis jeg har delt CVene til disse kandidatene allerede?"
+                headingTag="h4"
+            >
+                <List.Item>
+                    Slett delingen: Finn kandidatene i listen, trykk på redigeringsknappen, og velg
+                    "Slett CV hos arbeidsgiver".
+                </List.Item>
+                <List.Item>
+                    Meld avvik i{' '}
+                    <Link
+                        target="_blank"
+                        rel="noreferrer noopener"
+                        href="https://navno.sharepoint.com/sites/intranett-avvik"
+                    >
+                        avviksrapporteringssystemet
+                    </Link>{' '}
+                    med informasjon om hva som skjedde.
+                </List.Item>
+            </List>
+        </Alert>
+    </div>
+);
+
+export default OrganisasjonsnummerAlert;

Diff for: src/kandidat/kandidatliste/tom-liste/TomListe.module.css

@@ -32,3 +32,7 @@
 .knapper > *:not(:last-child) {
     margin-right: 1rem;
 }
+
+.alertWrapper {
+    max-width: 40rem;
+}

Diff for: src/kandidat/kandidatliste/tom-liste/TomListe.tsx

@@ -2,30 +2,43 @@ import { FunctionComponent, ReactNode } from 'react';
 import { Heading } from '@navikt/ds-react';
 import classnames from 'classnames';
 import css from './TomListe.module.css';
+import OrganisasjonsnummerAlert from '../OrganisasjonsnummerAlert';
 
 type Props = {
     children?: ReactNode;
     kandidatlistenErLukket: boolean;
+    orgnummerDivergererMellomStillingOgKandidat: boolean;
 };
 
-const TomListe: FunctionComponent<Props> = ({ kandidatlistenErLukket, children }) => (
+const TomListe: FunctionComponent<Props> = ({
+    kandidatlistenErLukket,
+    orgnummerDivergererMellomStillingOgKandidat,
+    children,
+}) => (
     <div className={css.tomListe}>
-        <div
-            className={classnames(css.content, {
-                [css.contentLukketListe]: kandidatlistenErLukket,
-            })}
-        >
-            <Heading
-                level="2"
-                size="medium"
-                className={classnames(css.tekst, {
-                    [css.tekstMedChildren]: children,
+        <div>
+            {orgnummerDivergererMellomStillingOgKandidat && (
+                <div className={css.alertWrapper}>
+                    <OrganisasjonsnummerAlert />
+                </div>
+            )}
+            <div
+                className={classnames(css.content, {
+                    [css.contentLukketListe]: kandidatlistenErLukket,
                 })}
             >
-                <span>Du har ingen kandidater i kandidatlisten.</span>
-                {kandidatlistenErLukket && <span> Listen er avsluttet.</span>}
-            </Heading>
-            {children && <div className={css.knapper}>{children}</div>}
+                <Heading
+                    level="2"
+                    size="medium"
+                    className={classnames(css.tekst, {
+                        [css.tekstMedChildren]: children,
+                    })}
+                >
+                    <span>Du har ingen kandidater i kandidatlisten.</span>
+                    {kandidatlistenErLukket && <span> Listen er avsluttet.</span>}
+                </Heading>
+                {children && <div className={css.knapper}>{children}</div>}
+            </div>
         </div>
     </div>
 );