Ikke vise huskelapp eller arbeidsliste dersom man ikke er tildelt ved…

… nytt kontor
navikt · Jun 17, 2024 · 14bd04c · 14bd04c
1 parent 63dee49
commit 14bd04c
Show file tree

Hide file tree

Showing 16 changed files with 132 additions and 58 deletions.
diff --git a/src/api/utils.ts b/src/api/utils.ts
@@ -1,5 +1,9 @@
 import axios, { AxiosError } from 'axios';
 import { APP_NAME, isDefined } from '../util/utils';
+import { useEffect, useState } from 'react';
+import { useAxiosFetcher } from '../util/hook/use-axios-fetcher';
+import { Arbeidsliste, fetchHarVeilederTilgangTilEnhet, Huskelapp } from './veilarbportefolje';
+import { OppfolgingStatus, TilgangTilBrukersKontor } from './veilarboppfolging';
 
 export const axiosInstance = axios.create({
     withCredentials: true,
@@ -23,3 +27,55 @@ export function hasAnyFailed(...fetchers: Array<{ error?: AxiosError }>): boolea
 export function hasAllData(...fetchers: Array<{ data?: object }>): boolean {
     return fetchers.every(f => isDefined(f.data));
 }
+
+export const useHarVeilederTilgangTilHuskelappEllerArbeidsliste = (
+    enhetId?: string,
+    arbeidsliste?: Arbeidsliste,
+    huskelapp?: Huskelapp,
+    oppfolgingsstatus?: OppfolgingStatus,
+    tilgangTilBrukersKontor?: TilgangTilBrukersKontor
+) => {
+    const harVeilederTilgangTilEnhetFetcher = useAxiosFetcher(fetchHarVeilederTilgangTilEnhet);
+    const [harVeilederTilgangTilEnhet, setHarVeilederTilgangTilEnhet] = useState<boolean>(false);
+
+    //kontorbyttelogikk
+    const innloggetVeilederHarTilgangTilBrukersKontor = tilgangTilBrukersKontor?.tilgangTilBrukersKontor;
+    const harVeileder = oppfolgingsstatus?.veilederId;
+
+    const veilederSkrevetHuskelapp = huskelapp?.huskelappId !== null ? huskelapp?.endretAv : null;
+    const veilederSkrevetArbeidsliste =
+        arbeidsliste?.sistEndretAv !== null ? arbeidsliste?.sistEndretAv?.veilederId : null;
+    const veilederSisteEndret = veilederSkrevetHuskelapp || veilederSkrevetArbeidsliste;
+
+    const enhetSistEndretHuskelapp = huskelapp?.huskelappId !== null ? huskelapp?.enhetId : null;
+    const enhetSisteEndretArbeidsliste =
+        arbeidsliste?.navkontorForArbeidsliste !== null ? arbeidsliste?.navkontorForArbeidsliste : null;
+    const enhetSisteEndret = enhetSistEndretHuskelapp || enhetSisteEndretArbeidsliste;
+
+    useEffect(() => {
+        if (
+            veilederSisteEndret &&
+            enhetId &&
+            enhetSisteEndret !== enhetId &&
+            harVeilederTilgangTilEnhetFetcher.data === undefined
+        ) {
+            harVeilederTilgangTilEnhetFetcher.fetch(veilederSisteEndret, enhetId);
+        }
+        setHarVeilederTilgangTilEnhet(
+            harVeileder &&
+                innloggetVeilederHarTilgangTilBrukersKontor &&
+                harVeilederTilgangTilEnhetFetcher.data !== undefined
+                ? harVeilederTilgangTilEnhetFetcher.data
+                : true
+        );
+    }, [
+        veilederSisteEndret,
+        enhetId,
+        enhetSisteEndret,
+        harVeileder,
+        innloggetVeilederHarTilgangTilBrukersKontor,
+        harVeilederTilgangTilEnhetFetcher
+    ]);
+
+    return harVeilederTilgangTilEnhet;
+};
diff --git a/src/api/veilarbportefolje.ts b/src/api/veilarbportefolje.ts
@@ -13,6 +13,7 @@ export interface Arbeidsliste {
     sistEndretAv: OrNothing<{ veilederId: string }>;
     kategori: KategoriModell | null;
     veilederId?: StringOrNothing;
+    navkontorForArbeidsliste: StringOrNothing;
 }
 
 export interface Huskelapp {
@@ -21,6 +22,7 @@ export interface Huskelapp {
     kommentar: StringOrNothing;
     endretDato: OrNothing<Date>;
     endretAv: StringOrNothing;
+    enhetId: StringOrNothing;
 }
 
 export enum KategoriModell {
@@ -133,3 +135,7 @@ export function endreFargekategori(fargekategoriVerdi: string, fnr: string): Axi
 export function fetchFargekategori(fnr: string): AxiosPromise<Fargekategori> {
     return axiosInstance.post('/veilarbportefolje/api/v1/hent-fargekategori', { fnr });
 }
+
+export function fetchHarVeilederTilgangTilEnhet(veilederId: string, enhetId: string): AxiosPromise<boolean> {
+    return axiosInstance.post(`/veilarbportefolje/api/v1/hent-har-veileder-tilgang-til-enhet`, { veilederId, enhetId });
+}
diff --git a/src/component/components/hidden-if/hidden-if.tsx b/src/component/components/hidden-if/hidden-if.tsx
@@ -4,10 +4,9 @@ export interface HiddenProps {
     hidden?: boolean;
 }
 
-export default function hiddenIf<PROPS>(
-    Component: ComponentType<PROPS>
-): ComponentType<PROPS & HiddenProps> {
+export default function hiddenIf<PROPS>(Component: ComponentType<PROPS>): ComponentType<PROPS & HiddenProps> {
     return (props: PROPS & HiddenProps) => {
+        // eslint-disable-next-line
         const { hidden, ...rest } = props as any; // tslint:disable-line
         if (hidden) {
             return null;

diff --git a/src/component/components/visible-if.tsx b/src/component/components/visible-if.tsx
@@ -1,13 +1,13 @@
 import { ComponentType } from 'react';
 
 export interface VisibleProps {
+    // eslint-disable-next-line
     visible?: any;
 }
 
-export default function visibleIf<PROPS>(
-    Component: ComponentType<PROPS>
-): ComponentType<PROPS & VisibleProps> {
+export default function visibleIf<PROPS>(Component: ComponentType<PROPS>): ComponentType<PROPS & VisibleProps> {
     return (props: PROPS & VisibleProps) => {
+        // eslint-disable-next-line
         const { visible, ...rest } = props as any; // tslint:disable-line
         if (visible) {
             return <Component {...rest} />;

diff --git a/src/component/huskelapp/visning/huskelapp-fjern-modal.tsx b/src/component/huskelapp/visning/huskelapp-fjern-modal.tsx
@@ -24,7 +24,8 @@ function HuskelappFjernModal() {
                     frist: null,
                     kommentar: null,
                     endretDato: null,
-                    endretAv: null
+                    endretAv: null,
+                    enhetId: null
                 })
             )
             .then(hideModal)

diff --git a/src/component/personinfo/components/etiketter.tsx b/src/component/personinfo/components/etiketter.tsx
@@ -53,14 +53,8 @@ function manglerVedtak(oppfolging: OrNothing<OppfolgingStatus>): boolean {
 
 function Etiketter() {
     const { brukerFnr } = useAppStore();
-    const {
-        gjeldendeEskaleringsvarsel,
-        oppfolgingsstatus,
-        oppfolging,
-        personalia,
-        vergeOgFullmakt,
-        spraakTolk
-    } = useDataStore();
+    const { gjeldendeEskaleringsvarsel, oppfolgingsstatus, oppfolging, personalia, vergeOgFullmakt, spraakTolk } =
+        useDataStore();
 
     const [innsatsgruppe, setInnsatsgruppe] = useState<OrNothing<InnsatsgruppeType>>(null);
 

diff --git a/src/component/personinfo/personinfo.tsx b/src/component/personinfo/personinfo.tsx
@@ -22,9 +22,10 @@ import { Label } from '@navikt/ds-react';
 import HuskelappKnapp from '../huskelapp/huskelapp-knapp';
 import { HUSKELAPP } from '../../api/veilarbpersonflatefs';
 import { Fargekategoriknapp } from '../fargekategori/fargekategoriknapp';
+import { useHarVeilederTilgangTilHuskelappEllerArbeidsliste } from '../../api/utils';
 
 function PersonInfo() {
-    const { brukerFnr } = useAppStore();
+    const { brukerFnr, enhetId } = useAppStore();
     const {
         personalia,
         arbeidsliste,
@@ -35,7 +36,16 @@ function PersonInfo() {
         tilgangTilBrukersKontor
     } = useDataStore();
     const { showArbeidslisteModal, showHuskelappRedigereModal, showHuskelappModal } = useModalStore();
-    const harVeileder = oppfolgingsstatus?.veilederId;
+    const harVeilederTilgangTilHuskelappEllerArbeidsliste = useHarVeilederTilgangTilHuskelappEllerArbeidsliste(
+        enhetId,
+        arbeidsliste,
+        huskelapp,
+        oppfolgingsstatus,
+        tilgangTilBrukersKontor
+    );
+    const erArbeidslisteTom = arbeidsliste?.sistEndretAv == null;
+    const erHuskelappTom = huskelapp?.huskelappId == null;
+
     const arbeidslisteikon = arbeidsliste?.kategori;
 
     const navn = selectSammensattNavn(personalia);
@@ -48,15 +58,11 @@ function PersonInfo() {
         tilgangTilBrukersKontor
     );
     const kanEndreFargekategori = selectKanEndreFargekategori(innloggetVeileder, oppfolgingsstatus);
-
     const klikkShowArbeidslisteModal = () => {
         logMetrikk('veilarbvisittkortfs.metrikker.visittkort.arbeidsliste-ikon', { kategori: arbeidslisteikon });
         showArbeidslisteModal();
     };
 
-    const erArbeidslisteTom = arbeidsliste?.sistEndretAv == null;
-    const erHuskelappTom = huskelapp?.huskelappId == null;
-
     const visHuskelappknapp =
         features[HUSKELAPP] &&
         ((erHuskelappTom && kanOppretteHuskelapp) ||
@@ -80,7 +86,7 @@ function PersonInfo() {
             <KjonnIkon visible={personalia?.kjonn} kjonn={personalia?.kjonn as string} />
             <NavnOgAlder fodselsdato={personalia?.fodselsdato as string} navn={navn} />
             <div className="arbeidsliste">
-                {harVeileder && (
+                {harVeilederTilgangTilHuskelappEllerArbeidsliste && (
                     <>
                         <ArbeidslisteKnapp
                             hidden={!(kanLeggeIArbeidsliste || kanRedigereArbeidsliste) || features[HUSKELAPP]}

diff --git a/src/component/veilederverktoy/historikk/components/innstillingshistorikk.tsx b/src/component/veilederverktoy/historikk/components/innstillingshistorikk.tsx
@@ -11,8 +11,8 @@ interface InnstillingHistorikkKomponentProps {
 const ESKALERING_MAX_LENGTH = 120;
 
 type InnstillingsHistorikkTypeTilTekst = {
-    [key in InnstillingsHistorikkType | 'ESKALERING_STARTET' | 'ESKALERING_STOPPET']: string
-}
+    [key in InnstillingsHistorikkType | 'ESKALERING_STARTET' | 'ESKALERING_STOPPET']: string;
+};
 
 const typeTilTekst: InnstillingsHistorikkTypeTilTekst = {
     SATT_TIL_DIGITAL: 'Endret til digital oppfølging',
@@ -29,7 +29,7 @@ const typeTilTekst: InnstillingsHistorikkTypeTilTekst = {
 function InnstillingHistorikkKomponent({ innstillingsHistorikk }: InnstillingHistorikkKomponentProps) {
     const { type, begrunnelse, dialogId } = innstillingsHistorikk;
 
-    let begrunnelseTekst =
+    const begrunnelseTekst =
         begrunnelse && begrunnelse.length > ESKALERING_MAX_LENGTH
             ? `${begrunnelse.substring(0, ESKALERING_MAX_LENGTH)}... `
             : `${begrunnelse} `;

diff --git a/src/component/veilederverktoy/historikk/historikk-visning.tsx b/src/component/veilederverktoy/historikk/historikk-visning.tsx
@@ -32,11 +32,7 @@ interface HistorikkVisningProps {
     eskaleringsvarselHistorikk: EskaleringsvarselHistorikkInnslag[];
 }
 
-function mapTilKomponent(
-    historikk: Historikk,
-    indeks: number,
-    indeksForNyesteEnhetEndring: number
-): ReactElement {
+function mapTilKomponent(historikk: Historikk, indeks: number, indeksForNyesteEnhetEndring: number): ReactElement {
     if (erInnstillingshistorikk(historikk)) {
         if (historikk.innslag.type === 'OPPFOLGINGSENHET_ENDRET') {
             return (

diff --git a/src/component/veilederverktoy/start-eskalering/maltekstvelger.tsx b/src/component/veilederverktoy/start-eskalering/maltekstvelger.tsx
@@ -4,9 +4,10 @@ import { Select } from '@navikt/ds-react';
 import './maltekstvelger.less';
 
 /* TODO Legg til typesikring på denne
-*   For eksempel ved å opprette eit objekt med nøklar og visningstekster for select'en,
-*   og bruke nøklane som nøkkeltype i malTekster
-*           - Ingrid, 2024-02-02 */
+ *   For eksempel ved å opprette eit objekt med nøklar og visningstekster for select'en,
+ *   og bruke nøklane som nøkkeltype i malTekster
+ *           - Ingrid, 2024-02-02 */
+// eslint-disable-next-line
 const malTekster: any = {
     dagpenger:
         'NAV vurderer å stanse dagpengene dine, eller stanse utbetalingene dine i en periode, fordi du ikke har fulgt opp pliktene dine som arbeidssøker.\n' +

diff --git a/src/component/veilederverktoy/start-registrering/start-registrering-prosess.tsx b/src/component/veilederverktoy/start-registrering/start-registrering-prosess.tsx
@@ -31,8 +31,8 @@ function StartRegistreringProsess() {
     const brukerType = oppfolging?.erSykmeldtMedArbeidsgiver
         ? 'erSykemeldtMedArbeidsgiver'
         : oppfolging?.kanReaktiveres
-        ? 'kanReaktiveres'
-        : 'kanIkkeReaktiveres';
+          ? 'kanReaktiveres'
+          : 'kanIkkeReaktiveres';
 
     const brukerTekst = () => {
         switch (brukerType) {

diff --git a/src/component/veilederverktoy/tildel-veileder/tildel-veileder.tsx b/src/component/veilederverktoy/tildel-veileder/tildel-veileder.tsx
@@ -49,14 +49,14 @@ function TildelVeileder() {
 
                 // Oppdater med ny veileder
                 setOppfolging(
-                    prevOppfolging => ({ ...(prevOppfolging || {}), veilederId: selectedVeilederId } as Oppfolging)
+                    prevOppfolging => ({ ...(prevOppfolging || {}), veilederId: selectedVeilederId }) as Oppfolging
                 );
                 setOppfolgingsstatus(
                     prevOppfolgingStatus =>
                         ({
                             ...(prevOppfolgingStatus || {}),
                             veilederId: selectedVeilederId
-                        } as OppfolgingStatus)
+                        }) as OppfolgingStatus
                 );
 
                 const veilederNavn =
@@ -83,9 +83,7 @@ function TildelVeileder() {
                             createValue={(veileder: VeilederData) => veileder.ident}
                             radioName="tildel-veileder"
                             selected={selectedVeilederId}
-                            changeSelected={(e: ChangeEvent<HTMLInputElement>) =>
-                                setSelectedVeilederId(e.target.value)
-                            }
+                            changeSelected={(e: ChangeEvent<HTMLInputElement>) => setSelectedVeilederId(e.target.value)}
                         />
                     )}
                 </SokFilter>

diff --git a/src/component/veilederverktoy/veilederverktoylinje.tsx b/src/component/veilederverktoy/veilederverktoylinje.tsx
@@ -25,9 +25,10 @@ import {
 import { doAll } from '../../util/utils';
 import { trackAmplitude } from '../../amplitude/amplitude';
 import { HUSKELAPP } from '../../api/veilarbpersonflatefs';
+import { useHarVeilederTilgangTilHuskelappEllerArbeidsliste } from '../../api/utils';
 
 function Veilederverktoylinje() {
-    const { visVeilederVerktoy } = useAppStore();
+    const { visVeilederVerktoy, enhetId } = useAppStore();
     const {
         oppfolging,
         tilgangTilBrukersKontor,
@@ -54,6 +55,14 @@ function Veilederverktoylinje() {
         showHuskelappModal
     } = useModalStore();
 
+    const harVeilederTilgangTilHuskelappEllerArbeidsliste = useHarVeilederTilgangTilHuskelappEllerArbeidsliste(
+        enhetId,
+        arbeidsliste,
+        huskelapp,
+        oppfolgingsstatus,
+        tilgangTilBrukersKontor
+    );
+
     const kanStarteEskalering = selectKanSendeEskaleringsVarsel(
         oppfolging,
         gjeldendeEskaleringsvarsel,
@@ -78,7 +87,6 @@ function Veilederverktoylinje() {
     const kanRedigereHuskelapp =
         selectKanRedigereHuskelapp(innloggetVeileder, oppfolgingsstatus, tilgangTilBrukersKontor) &&
         !!huskelapp?.huskelappId;
-    const harVeileder = oppfolgingsstatus?.veilederId;
 
     if (!visVeilederVerktoy) {
         return null;
@@ -125,7 +133,7 @@ function Veilederverktoylinje() {
                 btnClassnames="knapp knapp--standard knapp-fss"
                 render={lukkDropdown => (
                     <>
-                        {harVeileder && (
+                        {harVeilederTilgangTilHuskelappEllerArbeidsliste && (
                             <>
                                 {kanEndreArbeidsliste && !features[HUSKELAPP] && (
                                     <li>

diff --git a/src/index.tsx b/src/index.tsx
@@ -17,19 +17,17 @@ if (isLocalDevelopment()) {
 }
 
 function renderMockApp() {
-  const container = document.getElementById('veilarbvisittkortfs-root');
+    const container = document.getElementById('veilarbvisittkortfs-root');
     const root = createRoot(container!);
 
     import('./mock').then(({ worker }) => {
-        return worker.start({ serviceWorker: { url: `${import.meta.env.BASE_URL}mockServiceWorker.js` } })
+        return worker
+            .start({ serviceWorker: { url: `${import.meta.env.BASE_URL}mockServiceWorker.js` } })
             .then(() => {
-                    root.render(
-                        <App fnr={'10108000398'} enhet={'1234'} tilbakeTilFlate={''} visVeilederVerktoy={true} />
-                    );
-                    // eslint-disable-next-line no-console
-                    console.log('Bruker mock-data i applikasjonen');
-                }
-            )
+                root.render(<App fnr={'10108000398'} enhet={'1234'} tilbakeTilFlate={''} visVeilederVerktoy={true} />);
+                // eslint-disable-next-line no-console
+                console.log('Bruker mock-data i applikasjonen');
+            })
             .catch((e: Error) => {
                 // eslint-disable-next-line no-console
                 console.error('Unable to setup mocked API endpoints', e);