Endre histrikk type

navikt · Nov 21, 2024 · e8af978 · e8af978
1 parent f8b2c37
commit e8af978
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 37 deletions.
diff --git a/app/components/oppgave-historikk/OppgaveHistorikk.module.css b/app/components/oppgave-historikk/OppgaveHistorikk.module.css
@@ -37,7 +37,7 @@
   position: relative;
 }
 
-.hendelseMeldingNyStatus::before {
+.hendelseMeldingStatusendring::before {
   z-index: 1;
   content: "";
   position: absolute;

diff --git a/app/components/oppgave-historikk/OppgaveHistorikk.tsx b/app/components/oppgave-historikk/OppgaveHistorikk.tsx
@@ -3,6 +3,7 @@ import classnames from "classnames";
 import { format } from "date-fns";
 import { nb } from "date-fns/locale";
 import { useTypedRouteLoaderData } from "~/hooks/useTypedRouteLoaderData";
+import type { IOppgaveHistorikk } from "~/models/oppgave.server";
 import styles from "./OppgaveHistorikk.module.css";
 
 export function OppgaveHistorikk() {
@@ -19,50 +20,45 @@ export function OppgaveHistorikk() {
 
           <div
             className={classnames(styles.hendelseMelding, {
-              [styles.hendelseMeldingNyStatus]: hendelse.type === "ny-status",
+              [styles.hendelseMeldingStatusendring]: hendelse.type === "statusendring",
               [styles.hendelseMeldingNotat]: hendelse.type === "notat",
               [styles.hendelseMeldingEndreOpplysning]: hendelse.type === "endre-opplysning",
               [styles.hendelseMeldingMelding]: hendelse.type === "melding",
             })}
           >
-            {hendelse.type === "ny-status" && (
+            {hendelse.type === "statusendring" && (
               <BodyShort>
                 <strong>{hendelse.tittel}</strong> {hendelse.body}
               </BodyShort>
             )}
 
-            {hendelse.type !== "ny-status" && (
+            {hendelse.type !== "statusendring" && (
               <>
                 <BodyShort weight="semibold">{hendelse.tittel}</BodyShort>
                 {hendelse.body && <BodyLong>{hendelse.body}</BodyLong>}
               </>
             )}
 
             <>
-              {hendelse.behandler.rolle === "saksbehandler" && (
-                <>
-                  <Detail textColor="subtle">Saksbehandler</Detail>
-                  <Detail textColor="subtle">{hendelse.behandler.navn}</Detail>
-                </>
-              )}
-
-              {hendelse.behandler.rolle === "beslutter" && (
-                <>
-                  <Detail textColor="subtle">Beslutter</Detail>
-                  <Detail textColor="subtle">{hendelse.behandler.navn}</Detail>
-                </>
-              )}
-
-              {hendelse.behandler.rolle === "system" && (
-                <>
-                  <Detail textColor="subtle">System</Detail>
-                  <Detail textColor="subtle">{hendelse.behandler.navn}</Detail>
-                </>
-              )}
+              {hentRolleTekst(hendelse.behandler.rolle)}
+              <Detail textColor="subtle">{hendelse.behandler.navn}</Detail>
             </>
           </div>
         </div>
       ))}
     </>
   );
 }
+
+function hentRolleTekst(rolle: IOppgaveHistorikk["behandler"]["rolle"]) {
+  switch (rolle) {
+    case "system":
+      return <Detail textColor="subtle">System</Detail>;
+    case "saksbehandler":
+      return <Detail textColor="subtle">Saksbehandler</Detail>;
+    case "beslutter":
+      return <Detail textColor="subtle">Beslutter</Detail>;
+    default:
+      return undefined;
+  }
+}
diff --git a/app/models/oppgave.server.ts b/app/models/oppgave.server.ts
@@ -61,16 +61,16 @@ export interface IOppgaveNotat {
 }
 
 export interface IOppgaveHistorikk {
-  type: "ny-status" | "notat" | "endre-opplysning" | "melding";
+  type: "statusendring" | "notat" | "endre-opplysning" | "melding";
   tittel: string;
   body?: string;
   tidspunkt: string;
   behandler: IBehandler;
 }
 
 interface IBehandler {
-  rolle: "system" | "saksbehandler" | "beslutter";
   navn: string;
+  rolle?: "system" | "saksbehandler" | "beslutter";
 }
 
 interface ILagreNotatResponse {

diff --git a/mocks/data/mock-hisotrikk.ts b/mocks/data/mock-hisotrikk.ts
@@ -14,39 +14,39 @@ export const mockHistorikk: IOppgaveHistorikk[] = [
     behandler: { navn: "dp-behandling", rolle: "system" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Ferdig behandlet",
     tidspunkt: "2024-09-18T14:43:00",
     behandler: { navn: "Bodill Åpersille", rolle: "beslutter" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Under kontroll",
     tidspunkt: "2024-09-18T13:43:00",
     behandler: { navn: "Bodill Åpersille", rolle: "beslutter" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Sendt til kontroll",
     tidspunkt: "2024-09-18T12:43:00",
     behandler: { navn: "Truls Trubadur", rolle: "saksbehandler" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Under behandling",
     tidspunkt: "2024-09-18T11:43:00",
     behandler: { navn: "Truls Trubadur", rolle: "saksbehandler" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Klar til behandling",
     tidspunkt: "2024-09-18T10:43:00",
-    behandler: { navn: "Bodill Åpersille", rolle: "beslutter" },
+    behandler: { navn: "Bodill Åpersille" },
   },
   {
     type: "notat",
@@ -56,14 +56,14 @@ export const mockHistorikk: IOppgaveHistorikk[] = [
     behandler: { navn: "Bodill Åpersille", rolle: "beslutter" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Under kontroll",
     tidspunkt: "2024-09-18T08:43:00",
     behandler: { navn: "Bodill Åpersille", rolle: "beslutter" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: " Sendt til kontroll",
     tidspunkt: "2024-09-18T07:43:00",
@@ -77,14 +77,14 @@ export const mockHistorikk: IOppgaveHistorikk[] = [
     behandler: { navn: "Truls Trubadur", rolle: "saksbehandler" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: "Under behandling",
     tidspunkt: "2024-09-18T05:43:00",
     behandler: { navn: "Truls Trubadur", rolle: "saksbehandler" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: "Satt på vent frem til 26.09.24",
     tidspunkt: "2024-09-18T04:43:00",
@@ -105,7 +105,7 @@ export const mockHistorikk: IOppgaveHistorikk[] = [
     behandler: { navn: "Truls Trubadur", rolle: "saksbehandler" },
   },
   {
-    type: "ny-status",
+    type: "statusendring",
     tittel: "Ny status:",
     body: "Under behandling",
     tidspunkt: "2024-09-18T08:43:00",