Merge pull request #61 from navikt/case-insensitive-varsel-type

Fix case insensitive håndtering av varsel type

Author: Amirhlotfi

mock/endpoint.js

@@ -7,7 +7,7 @@ export default [
       return [
         {
           eventId: "1584093204636",
-          type: "OPPGAVE",
+          type: "oppgave",
           forstBehandlet: "2022-02-01T11:12:04+01:00",
           arkivertAvNAV: false,
           tekst: "Du har sagt du skal ettersende vedlegg til Søknad om stønad til anskaffelse av motorkjøretøy",
@@ -18,7 +18,7 @@ export default [
         },
         {
           eventId: "1584093785733",
-          type: "OPPGAVE",
+          type: "oppgave",
           forstBehandlet: "2020-03-13T09:03:05.934825",
           arkivertAvNAV: true,
           tekst: "Mangelende dokumentasjon til søknad",
@@ -40,7 +40,7 @@ export default [
         },
         {
           eventId: "1584093197470",
-          type: "BESKJED",
+          type: "beskjed",
           forstBehandlet: "2021-01-01T11:12:04+01:00",
           arkivertAvNAV: false,
           tekst:
@@ -63,7 +63,7 @@ export default [
         },
         {
           eventId: "1584093781449",
-          type: "BESKJED",
+          type: "beskjed",
           forstBehandlet: "2019-11-27T12:24:34.671Z",
           arkivertAvNAV: true,
           tekst: null,

src/components/tidligereVarslerPage/TidligereVarslerPage.jsx

@@ -18,7 +18,7 @@ const TidligereVarslerPage = ({ varsler, isSuccess }) => {
   const sortedVarsler = useMemo(() => varsler?.sort(byForstBehandlet));
   const filtertedVarseler = sortedVarsler?.filter(
     (varsel) =>
-      (filterType === "ALLE" || varsel.type === filterType) &&
+      (filterType === "alle" || varsel.type.toLowerCase() === filterType) &&
       (varsel.tekst === null || varsel.tekst.toLowerCase().includes(filterSok))
   );
 

src/components/varsel/Varsel.jsx

@@ -18,7 +18,7 @@ const getVarsletPaa = (kanaler, language) => {
 };
 
 function Varsel({ varselData }) {
-  const isOppgave = varselData.type === "OPPGAVE";
+  const isOppgave = varselData.type.toLowerCase() === "oppgave";
   const language = useContext(LanguageContext);
   const maskedText = "**** **** **** **** **** ****";
   const maskedAriaLabel = "Tekst ikke synlig";

src/store/store.js

@@ -3,15 +3,15 @@ import create from "zustand";
 const actions = (set) => ({
   alle: () =>
     set({
-      filterType: "ALLE",
+      filterType: "alle",
     }),
   oppgave: () =>
     set({
-      filterType: "OPPGAVE",
+      filterType: "oppgave",
     }),
   beskjed: () =>
     set({
-      filterType: "BESKJED",
+      filterType: "beskjed",
     }),
   search: (search) =>
     set({
@@ -20,7 +20,7 @@ const actions = (set) => ({
 });
 
 const useStore = create((set) => ({
-  filterType: "ALLE",
+  filterType: "alle",
   filterSearch: "",
   ...actions(set),
 }));