Merge pull request #77 from navikt/filter-fix

Fikse bug og typo

Author: Amirhlotfi

mock/endpoint.js

@@ -29,7 +29,7 @@ export default [
         },
         {
           eventId: "3984093204236",
-          type: "BESKJED",
+          type: "innboks",
           forstBehandlet: "2021-01-01T11:12:04+01:00",
           arkivertAvNAV: false,
           tekst: "Svar fra veilederen din i innboksen: Hei, nå har jeg sjekket om...",

src/components/tidligereVarslerPage/TidligereVarslerPage.tsx

@@ -18,22 +18,24 @@ const TidligereVarslerPage = ({ varsler, isSuccess }: { varsler: Array<Varsel>;
   const searchTextInput = useStore(filterSearch);
 
   const sortedVarsler = useMemo(() => varsler?.sort(byForstBehandlet), [varsler]);
-  const filtertedVarseler = sortedVarsler?.filter(
+  const filteredVarsler = sortedVarsler?.filter(
     (varsel) =>
-      (selectedFilter === "alle" || varsel.type.toLowerCase() === selectedFilter) &&
+      (selectedFilter === "alle" ||
+        varsel.type.toLowerCase() === selectedFilter ||
+        (varsel.type.toLowerCase() === "innboks" && selectedFilter === "beskjed")) &&
       (varsel.tekst === null || varsel.tekst.toLowerCase().includes(searchTextInput)),
   );
 
   return (
     <>
       <Filter />
       <Heading level="2" size="xsmall" className={styles.varslerListHeading}>
-        {text.antallSokeTreff(language, filtertedVarseler.length, varsler.length)}
+        {text.antallSokeTreff(language, filteredVarsler.length, varsler.length)}
       </Heading>
-      {filtertedVarseler.length > 0 ? (
+      {filteredVarsler.length > 0 ? (
         <ul className={styles.varslerList}>
           {isSuccess &&
-            filtertedVarseler?.map((varsel) => (
+            filteredVarsler?.map((varsel) => (
               <li key={varsel.eventId}>
                 <TidligereVarsel varselData={varsel} />
               </li>