Move vessel list filters to slice

MTES-MCT · Oct 9, 2024 · 3e99d74 · 3e99d74
1 parent 1db85ff
commit 3e99d74
Show file tree

Hide file tree

Showing 7 changed files with 279 additions and 278 deletions.
diff --git a/frontend/cypress/e2e/favorite_vessel.spec.ts b/frontend/cypress/e2e/favorite_vessel.spec.ts
@@ -121,7 +121,7 @@ context('Favorite Vessel', () => {
       }
     })
 
-    cy.get('*[data-cy^="close-vessel-track"]').click()
+    cy.get('*[data-cy^="close-vessel-track"]').click({ force: true })
     cy.get('*[data-cy^="close-vessel-track"]').should('not.exist')
 
     cy.cleanScreenshots(2)

diff --git a/frontend/src/features/Filter/components/VesselFilters/FilterTag.tsx b/frontend/src/features/Filter/components/VesselFilters/FilterTag.tsx
@@ -7,11 +7,12 @@ import type { FilterTag as FilterTagType } from '@features/Filter/types'
 
 type FilterTagProps = Readonly<{
   iconElement: JSX.Element | undefined
+  remove?: () => void
   tag: FilterTagType
   text: string
   uuid: string | undefined
 }>
-export function FilterTag({ iconElement, tag, text, uuid }: FilterTagProps) {
+export function FilterTag({ iconElement, remove, tag, text, uuid }: FilterTagProps) {
   const dispatch = useMainAppDispatch()
 
   return (
@@ -21,7 +22,7 @@ export function FilterTag({ iconElement, tag, text, uuid }: FilterTagProps) {
       <CloseIcon
         color={THEME.color.gunMetal}
         data-cy="vessel-filter-remove-tag"
-        onClick={() => dispatch(removeTagFromFilter({ ...tag, uuid }))}
+        onClick={() => (remove ? remove() : dispatch(removeTagFromFilter({ ...tag, uuid })))}
         size={10}
       />
     </TagWrapper>