Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

navikt/arbeidsgiver-notifikasjon-widget

Repository files navigation

arbeidsgiver-notifikasjon-widget

React component som viser notifikasjoner for innlogget arbeidsgiver.

NPM JavaScript Style Guide

Install

npm install --save @navikt/arbeidsgiver-notifikasjon-widget

Usage

import React, { Component } from 'react'

import {NotifikasjonWidget} from "@navikt/arbeidsgiver-notifikasjon-widget";

const miljø = gittMiljo<"local" | "dev" | "labs" | "prod">({
    prod: 'prod',
    labs: 'labs',
    dev: 'dev',
    other: 'local',
});

const Banner: FunctionComponent<RouteComponentProps & OwnProps> = ({history, sidetittel}) => {
    return (
        <Bedriftsmeny>
           <NotifikasjonWidget miljo={miljø}/>
        </Bedriftsmeny>
    );
};

CSS som egen fil

Fra og med versjon 6.5.2 er css lagt ut i egen fil. Denne må importeres i prosjektet som bruker widgeten.

F.eks:

import '@navikt/arbeidsgiver-notifikasjon-widget/lib/esm/index.css';
// eller
import '@navikt/arbeidsgiver-notifikasjon-widget/lib/cjs/index.css';

Running Demo App for Widget-development

To run the demo app locally you need to run the three following scripts.

cd brukerapi-mock
npm i
npm run build
cd component
npm i
npm start
cd demo
npm i
npm start

Oppdatere kode ved graphql-skjemaendring

cd component
npm run gql:cp_schema
npm run gql:generate

cd ../brukerapi-mock
npm build

License

MIT © navikt