IS-2838: move and log nullstill valg button

navikt · Jan 29, 2025 · 20f2ce6 · 20f2ce6
1 parent 65622ee
commit 20f2ce6
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/sider/oversikt/Oversikt.tsx b/src/sider/oversikt/Oversikt.tsx
@@ -72,7 +72,6 @@ export default function Oversikt({
   return (
     <OversiktContainerInnhold>
       <SokeresultatFiltre>
-        <ClearFiltersButton />
         <Box
           borderRadius="medium"
           background="surface-default"
@@ -88,6 +87,7 @@ export default function Oversikt({
           <HendelseFilter personRegister={allEvents.value} />
 
           <PersonFilter personregister={personData} />
+          <ClearFiltersButton />
         </Box>
       </SokeresultatFiltre>
 

diff --git a/src/sider/oversikt/filter/ClearFiltersButton.tsx b/src/sider/oversikt/filter/ClearFiltersButton.tsx
@@ -3,6 +3,8 @@ import { useFilters } from '@/context/filters/FilterContext';
 import { ActionType } from '@/context/filters/filterContextActions';
 import { Button } from '@navikt/ds-react';
 import { TrashIcon } from '@navikt/aksel-icons';
+import * as Amplitude from '@/utils/amplitude';
+import { EventType } from '@/utils/amplitude';
 
 const texts = {
   nullstill: 'Nullstill valg',
@@ -11,16 +13,27 @@ const texts = {
 export const ClearFiltersButton = (): ReactElement => {
   const { dispatch: dispatchFilterAction } = useFilters();
 
+  function handleButtonClick() {
+    dispatchFilterAction({
+      type: ActionType.ResetFilters,
+    });
+
+    Amplitude.logEvent({
+      type: EventType.ButtonClick,
+      data: {
+        url: window.location.href,
+        tekst: 'Nullstill valg',
+      },
+    });
+  }
+
   return (
     <Button
       variant="tertiary"
       size="small"
       icon={<TrashIcon title="a11y-title" fontSize="1.5rem" />}
-      onClick={() => {
-        dispatchFilterAction({
-          type: ActionType.ResetFilters,
-        });
-      }}
+      onClick={handleButtonClick}
+      className="max-w-max"
     >
       {texts.nullstill}
     </Button>