From b5f6b71f719a03c49ce4264b9856d2ceef405177 Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 20 Jul 2023 16:06:09 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Status,=20Prioritet=20og=20mine=20i?= =?UTF-8?q?nnmeldinger=20filtreringskomponenter=20frontend=20(#14)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/Filtermeny.tsx | 142 ++++++++++++++++++------- 1 file changed, 105 insertions(+), 37 deletions(-) diff --git a/frontend/src/components/Filtermeny.tsx b/frontend/src/components/Filtermeny.tsx index ed58378..95b7e4a 100644 --- a/frontend/src/components/Filtermeny.tsx +++ b/frontend/src/components/Filtermeny.tsx @@ -1,46 +1,114 @@ -import { Accordion } from "@navikt/ds-react" - +import { Accordion, Checkbox, CheckboxGroup, Radio, RadioGroup } from "@navikt/ds-react" +import { useState } from "react" const Filtermeny = () => { return (
- - - Kategori - - - Hvis du er mellom 62 og 67 år når du søker, må du som hovedregel ha - hatt en pensjonsgivende inntekt som tilsvarer x G, året før du fikk - nedsatt arbeidsevnen. NAV kan gjøre unntak. - - - - - Status - - - Da er det lite som trengs å gjøres. - - - - - Prioritet - - - Da er det lite som trengs å gjøres. - - - - - Mine innmeldinger - - - Da er det lite som trengs å gjøres. - - + + + +
) } -export default Filtermeny \ No newline at end of file +export default Filtermeny + + +const KategoriFilter = () => { + return ( + + + Kategori + + +

+ Denne løsningen er litt mer avansert enn den andre filtreringen. UFERDIG!!!!!!!!!!! +

+ + + ) +} + + +const StatusFilter = () => { + return( + + + Status + + +

+ Ved å filtrere etter status på forskjellig innmeldte feil + kan du enkelt få oversikt over hvilke feil som ikke er påbegynte, + hvilke som utredes av utviklingsteamet og løste feil. +

+
+ + Velg alle + Ikke påbegynt + Jobbes med + Ferdig med + + + + ) +} + + +const PrioritetFilter = () => { + const [verdi, settVerdi] = useState(false) + + return( + + + Prioritet + + +

+ Saker som haster å løse kan merkes med et haster flagg. + For å raskt finne ut av hvilke saker som må løses raskt, + kan man velge å kun vise hastesaker. +

+
+ settVerdi(nyVerdi)} + > + Alle feil + Kun feil som haster + + + + ) +} + +const MineInnmeldinger = () => { + const [verdi, settVerdi] = useState(false) + + return( + + + Mine innmeldinger + + +

+ Som saksbehandler kan det være nyttig å finne tilbake til feil man har meldt inn for å sjekke status eller konklusjon. +

+
+ settVerdi(nyVerdi)} + > + Alle feil + Kun egne feil + + + + ) +} \ No newline at end of file