diff --git a/client/.storybook/mswHandlers.ts b/client/.storybook/mswHandlers.ts index d2a9119c5..e6b9aa221 100644 --- a/client/.storybook/mswHandlers.ts +++ b/client/.storybook/mswHandlers.ts @@ -4,7 +4,6 @@ import { iaSakHistorikkPath, innloggetAnsattPath, leveransePath, - mineIATjenesterPath, modulerPath, næringPath, publiseringsinfoPath, @@ -26,7 +25,6 @@ import { leveranserPerIATjeneste, moduler, } from "../src/Pages/Virksomhet/mocks/leveranseMock"; -import { mineIATjenesterMock } from "../src/Pages/IATjenesteoversikt/mineIATjenesterMock"; export const mswHandlers = [ http.get(`${innloggetAnsattPath}`, () => { @@ -55,9 +53,6 @@ export const mswHandlers = [ http.get(`${leveransePath}/:orgnummer/:saksnummer`, () => { return HttpResponse.json(leveranserPerIATjeneste); }), - http.get(`${mineIATjenesterPath}`, () => { - return HttpResponse.json(mineIATjenesterMock); - }), http.get(tjenesterPath, () => { return HttpResponse.json(iaTjenester); }), diff --git a/client/src/App.tsx b/client/src/App.tsx index 392d86c77..91f0e08d7 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -14,7 +14,6 @@ import { Statusoversiktside } from "./Pages/Statusoversikt/Statusoversiktside"; import { BodyShort, Link, Loader } from "@navikt/ds-react"; import { redirectUrl } from "./components/Banner/SesjonBanner"; import { setTilgangsnivå } from "./util/amplitude-klient"; -import { IATjenesteoversiktside } from "./Pages/IATjenesteoversikt/IATjenesteoversiktside"; import { MineSakerside } from "./Pages/MineSaker/MineSakerside"; import { Samarbeidsside } from "./Pages/Virksomhet/Samarbeid/Samarbeidsside"; @@ -106,10 +105,6 @@ const AppContent = () => { } element={} /> - } - /> } /> diff --git a/client/src/Pages/IATjenesteoversikt/IATjenestekort.tsx b/client/src/Pages/IATjenesteoversikt/IATjenestekort.tsx deleted file mode 100644 index 8b39e095b..000000000 --- a/client/src/Pages/IATjenesteoversikt/IATjenestekort.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import { BodyShort, Link } from "@navikt/ds-react"; -import styled from "styled-components"; -import { lokalDato } from "../../util/dato"; -import { MineIATjenester } from "../../domenetyper/leveranse"; -import { hvitBoksMedSkygge } from "../../styling/containere"; -import { loggAktvitetPåIATjenesteoversikt } from "../../util/amplitude-klient"; -import { mobileAndUp } from "../../styling/breakpoints"; - -const Container = styled.li` - padding: 1.5rem; - - ${hvitBoksMedSkygge} -`; - -const Detaljer = styled.dl` - margin-top: 0.5rem; - - // For pittesmå skjermar viser vi titlar og data under kvarandre - display: flex; - flex-direction: column; - - // For vettugt store skjermar viser vi titlar og data i kvar sine kolonner - ${mobileAndUp} { - display: grid; - grid-template-columns: auto 1fr; - grid-template-rows: repeat(auto-fill, auto); - row-gap: 0.5rem; - column-gap: 1.5rem; - } -`; - -const DetaljerTittel = styled(BodyShort).attrs({ as: "dt" })` - font-weight: bold; -`; - -const DetaljerData = styled(BodyShort).attrs({ as: "dd" })` - overflow-wrap: anywhere; - - // Gjer at det blir avstand mellom ulike tittel-detalje-boksar på pittesmå skjermar - margin-bottom: 0.5rem; - - ${mobileAndUp} { - margin-bottom: 0; - } -`; - -interface Props { - iaTjeneste: MineIATjenester; -} - -export const IATjenestekort = ({ iaTjeneste }: Props) => { - const { - orgnr, - virksomhetsnavn, - iaTjeneste: tjeneste, - modul, - tentativFrist, - } = iaTjeneste; - const finskrevetModulNavn = - tjeneste.navn === modul.navn ? "" : ` (${modul.navn})`; - - return ( - - - IA-tjeneste: - - {`${tjeneste.navn}${finskrevetModulNavn}`} - - Virksomhet: - - loggAktvitetPåIATjenesteoversikt()} - > - {virksomhetsnavn} - - - Tentativ frist: - - {lokalDato(new Date(tentativFrist))} - - - - ); -}; diff --git a/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.stories.tsx b/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.stories.tsx deleted file mode 100644 index cc516c667..000000000 --- a/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { Meta, StoryObj } from "@storybook/react"; -import { IATjenesteoversiktside } from "./IATjenesteoversiktside"; -import { http, HttpResponse } from "msw"; -import { mineIATjenesterPath } from "../../api/lydia-api/paths"; -import { mswHandlers } from "../../../.storybook/mswHandlers"; -import { mineIATjenesterMock } from "./mineIATjenesterMock"; - -const meta = { - title: "IATjenesteoversikt/Mine IA-tjenester", - component: IATjenesteoversiktside, -} satisfies Meta; -export default meta; - -type Story = StoryObj; - -export const Hovedstory: Story = { - parameters: { - msw: [ - http.get(`${mineIATjenesterPath}`, () => { - return HttpResponse.json(mineIATjenesterMock); - }), - ...mswHandlers, - ], - }, -}; diff --git a/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.tsx b/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.tsx deleted file mode 100644 index bc23faa1a..000000000 --- a/client/src/Pages/IATjenesteoversikt/IATjenesteoversiktside.tsx +++ /dev/null @@ -1,125 +0,0 @@ -import { useEffect } from "react"; -import styled from "styled-components"; -import { BodyShort, Heading, Loader } from "@navikt/ds-react"; -import { IATjenestekort } from "./IATjenestekort"; -import { useMineIATjenester } from "../../api/lydia-api/sok"; -import { - loggAntallIATjenesterPåIATjenesteoversikt, - loggSideLastet, -} from "../../util/amplitude-klient"; -import { hvitBoksMedSkygge } from "../../styling/containere"; -import { sorterAlfabetisk, sorterPåDatoStigende } from "../../util/sortering"; -import { contentSpacing } from "../../styling/contentSpacing"; -import { statiskeSidetitler, useTittel } from "../../util/useTittel"; -import { desktopAndUp, tabletAndUp } from "../../styling/breakpoints"; - -const Container = styled.div` - margin-top: ${contentSpacing.mobileY}; - padding: ${contentSpacing.mobileX}; - - ${tabletAndUp} { - padding: 1.5rem; - } - - ${desktopAndUp} { - padding: 3rem; - } - - display: flex; - flex-direction: column; - gap: 1.5rem; - - ${hvitBoksMedSkygge} -`; - -const IATjenesteListe = styled.ol` - padding-left: 0; - - display: flex; - flex-direction: column; - gap: 1.5rem; - - list-style: none; -`; - -export const IATjenesteoversiktside = () => { - useTittel(statiskeSidetitler.iaTjenesteoversikt); - - useEffect(() => { - loggSideLastet("MineIATjenesterside"); - }); - - const { data, loading, error } = useMineIATjenester(); - - useEffect(() => { - if (data) { - loggAntallIATjenesterPåIATjenesteoversikt(data.length); - } - }, [data]); - - if (loading) { - return ( - - Mine IA-tjenester - - - ); - } - if (error) { - return ( - - Mine IA-tjenester - Kunne ikke hente IA-tjenester - - ); - } - - return ( - - Mine IA-tjenester - {data?.length ? ( - - { - /* - Sorterer IA-tjenestene: - tidlegaste frist først, - innafor same frist sorterer vi alfabetisk etter virksomhetsnavn, - innafor same virksomhet sorterer vi alfabetisk etter IA-tjeneste+modulnavn (som er unikt). - */ - data - .sort((a, b) => - sorterAlfabetisk( - `${a.iaTjeneste.navn} (${a.modul.navn})`, - `${b.iaTjeneste.navn} (${b.modul.navn})`, - ), - ) - .sort((a, b) => - sorterAlfabetisk( - a.virksomhetsnavn, - b.virksomhetsnavn, - ), - ) - .sort((a, b) => - sorterPåDatoStigende( - a.tentativFrist, - b.tentativFrist, - ), - ) - .map((leveranse) => { - return ( - - ); - }) - } - - ) : ( - - Du har ingen IA-tjenester som er under arbeid - - )} - - ); -}; diff --git a/client/src/Pages/IATjenesteoversikt/mineIATjenesterMock.ts b/client/src/Pages/IATjenesteoversikt/mineIATjenesterMock.ts deleted file mode 100644 index 9c8a5aa0f..000000000 --- a/client/src/Pages/IATjenesteoversikt/mineIATjenesterMock.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { - LeveranseStatusEnum, - MineIATjenester, -} from "../../domenetyper/leveranse"; -import { iaTjenester, moduler } from "../Virksomhet/mocks/leveranseMock"; - -export const mineIATjenesterMock: MineIATjenester[] = [ - { - orgnr: "995428563", - virksomhetsnavn: "SUSHISHAPPA PÅ HJØRNET AS", - iaTjeneste: iaTjenester[0], - modul: moduler.find((modul) => modul.id == 15) || moduler[0], - tentativFrist: new Date(), - status: LeveranseStatusEnum.enum.UNDER_ARBEID, - }, - { - orgnr: "995428563", - virksomhetsnavn: "SUSHISHAPPA PÅ HJØRNET AS", - iaTjeneste: iaTjenester[1], - modul: moduler.find((modul) => modul.id == 16) || moduler[0], - tentativFrist: new Date(), - status: LeveranseStatusEnum.enum.UNDER_ARBEID, - }, - { - orgnr: "974589095", - virksomhetsnavn: "RÅNEHJØRNET AS", - iaTjeneste: iaTjenester[2], - modul: moduler.find((modul) => modul.id == 17) || moduler[0], - tentativFrist: new Date(), - status: LeveranseStatusEnum.enum.UNDER_ARBEID, - }, - { - orgnr: "123456789", - virksomhetsnavn: "FREDLØS SPA OG MEDITASJON AS", - iaTjeneste: iaTjenester[0], - modul: moduler.find((modul) => modul.id == 1) || moduler[0], - tentativFrist: new Date(), - status: LeveranseStatusEnum.enum.UNDER_ARBEID, - }, -]; diff --git a/client/src/api/lydia-api/paths.ts b/client/src/api/lydia-api/paths.ts index 4d5fc1eb9..0b9e3c8ab 100644 --- a/client/src/api/lydia-api/paths.ts +++ b/client/src/api/lydia-api/paths.ts @@ -19,7 +19,6 @@ export const næringPath = "naring"; export const bransjePath = "bransje"; export const publiseringsinfoPath = "publiseringsinfo"; export const leveransePath = `${iaSakPath}/leveranse`; -export const mineIATjenesterPath = `${basePath}/iatjenesteoversikt/mine-iatjenester`; export const tjenesterPath = `${leveransePath}/tjenester`; export const modulerPath = `${leveransePath}/moduler`; export const statusoversiktPath = `${basePath}/statusoversikt`; diff --git a/client/src/api/lydia-api/sok.ts b/client/src/api/lydia-api/sok.ts index 2f00ec727..b1fe9fa67 100644 --- a/client/src/api/lydia-api/sok.ts +++ b/client/src/api/lydia-api/sok.ts @@ -1,7 +1,6 @@ import { getStatusoversiktUrl, getSykefraværsstatistikkAntallTreffUrl, - mineIATjenesterPath, } from "./paths"; import { getSykefraværsstatistikkUrl } from "./paths"; import { @@ -14,10 +13,6 @@ import { FiltervisningState } from "../../Pages/Prioritering/Filter/filtervisnin import { useSwrTemplate } from "./networkRequests"; import { filterverdierPath } from "./paths"; import { z } from "zod"; -import { - MineIATjenester, - mineIATjenesterSchema, -} from "../../domenetyper/leveranse"; export const useFilterverdier = () => useSwrTemplate(filterverdierPath, filterverdierSchema); @@ -53,11 +48,7 @@ export function useHentAntallTreff({ const antallTreffUrl = getSykefraværsstatistikkAntallTreffUrl(filterstate); return useSwrTemplate(initierSøk ? antallTreffUrl : null, z.number()); } -export const useMineIATjenester = () => - useSwrTemplate( - mineIATjenesterPath, - mineIATjenesterSchema.array(), - ); + export const appendIfNotDefaultValue = ( key: string, value: T | undefined, diff --git a/client/src/domenetyper/leveranse.ts b/client/src/domenetyper/leveranse.ts index b3f86c085..7cfabec39 100644 --- a/client/src/domenetyper/leveranse.ts +++ b/client/src/domenetyper/leveranse.ts @@ -33,17 +33,6 @@ export const leveranseSchema = z.object({ export type Leveranse = z.infer; -export const mineIATjenesterSchema = z.object({ - orgnr: z.string(), - virksomhetsnavn: z.string(), - iaTjeneste: iaTjenesteSchema, - modul: modulSchema, - tentativFrist: datoSchema, - status: LeveranseStatusEnum, -}); - -export type MineIATjenester = z.infer; - export const leveranserPerIATjenesteSchema = z.object({ iaTjeneste: iaTjenesteSchema, leveranser: z.array(leveranseSchema), diff --git a/client/src/util/useTittel.tsx b/client/src/util/useTittel.tsx index b0a8fd815..499aa1c95 100644 --- a/client/src/util/useTittel.tsx +++ b/client/src/util/useTittel.tsx @@ -5,7 +5,6 @@ export const statiskeSidetitler = { prioriteringsside: lagSidetittel("søk"), virksomhetsside: lagSidetittel("virksomhet"), statusoversiktside: lagSidetittel("statusoversikt"), - iaTjenesteoversikt: lagSidetittel("IA-tjenester"), }; function lagSidetittel(tittel: string) {