@navikt/arbeidsforhold

NAV Arbeidsforhold

React moduler / mikro-frontends som viser brukerens arbeidsforhold

Installasjon

npm install @navikt/arbeidsforhold

Komponenter

Prosjektet er delt opp i uavhengige moduler som kan importeres

Liste med arbeidsforhold

import { ListeMedArbeidsforhold } from "@navikt/arbeidsforhold";

Eksempel

  onClick = {
    type: "KNAPP",
    getId: (arbeidsforholdId: string) => console.log(arbeidsforholdId)
  };

  return <ListeMedArbeidsforhold
            locale={"nb" as "nb" | "en"}
            miljo={"DEV" as "LOCAL" | "DEV" | "PROD"}
            onClick={this.onClick} />;

Onclick støtter følgende variasjoner

  | {
      type: "INGEN_ON_CLICK";
    }
  | {
      type: "LENKE";
      href: string;
    }
  | {
      type: "REACT_ROUTER_LENKE";
      Component: typeof Link;
      to: string;
    }
  | {
      type: "KNAPP";
      getId: (navArbeidsforholdId: number) => void;
    };

Ved implementasjon av REACT_ROUTER_LENKE må {Link} importeres fra react-router-dom i rot-applikasjonen.
Se komplett eksempel under mappen /example

Detaljert arbeidsforhold

import { DetaljertArbeidsforhold } from "@navikt/arbeidsforhold";

Eksempel

render = () => {
  const locale = "nb" as "nb" | "en";
  const mijo = "DEV" as "LOCAL" | "DEV" | "PROD";
  const arbeidsforholdId = "konvertert_af709505-128e-45dc-a241-7e14180f787d";

  return <DetaljertArbeidsforhold
            locale={locale}
            miljo={miljo}
            arbeidsforholdId={arbeidsforholdId} />;
};

Komponenten vil hente data fra arbeidsforhold-api basert på miljo-variabelen

Videreutvikling / test

• Hent repoet fra github

git clone https://github.com/navikt/arbeidsforhold.git

• Installer nødvendige pakker og start kompilering

npm install && npm start

• Start test applikasjonen
  

cd example && npm install && npm start

Test-applikasjonen består av en simpel create-react-app som importerer og benytter pakkene
Prosjektet støtter hot-reloading, endringer i komponentene vil føre til at test-applikasjonen oppdateres

Deployering

Applikasjonen bygges automatisk til dev / https://www-q0.nav.no/person/arbeidsforhold ved merge til master.
For å lansere applikasjonen til npmjs, benytt npm version til å oppdatere package.json og lage en ny git-tag. Eks:

npm version patch -m "Din melding"

Push deretter den nye versjonen til Github, som vil plukkes opp av CircleCI.

git push && git push --tags

Logging

Vi bruker fo-frontendlogger for logging. For oppslag i kibana:

application:frontendlogger AND x_appname:arbeidsforhold

Henvendelser

Spørsmål knyttet til koden eller prosjektet kan rettes mot https://github.com/orgs/navikt/teams/team-personbruker

For NAV-ansatte

Interne henvendelser kan sendes via Slack i kanalen #team-personbruker.