fix - display search results coming back from immersion offer

front/src/app/pages/search/SearchPage.tsx

@@ -11,6 +11,7 @@ import {
   SectionTextEmbed,
 } from "react-design-system";
 import { useForm, useWatch } from "react-hook-form";
+import { useDispatch } from "react-redux";
 import { LatLonDistance, SearchSortedBy, ValueOf, domElementIds } from "shared";
 import { AppellationAutocomplete } from "src/app/components/forms/autocomplete/AppellationAutocomplete";
 import { PlaceAutocomplete } from "src/app/components/forms/autocomplete/PlaceAutocomplete";
@@ -29,6 +30,7 @@ import { searchSelectors } from "src/core-logic/domain/search/search.selectors";
 import {
   SearchPageParams,
   initialState,
+  searchSlice,
 } from "src/core-logic/domain/search/search.slice";
 import { useStyles } from "tss-react/dsfr";
 import { Route } from "type-route";
@@ -63,6 +65,7 @@ export const SearchPage = ({
   useNaturalLanguageForAppellations?: boolean;
 }) => {
   const { cx } = useStyles();
+  const dispatch = useDispatch();
   const initialSearchSliceState = initialState;
   const searchStatus = useAppSelector(searchSelectors.searchStatus);
   const searchResults = useAppSelector(searchSelectors.searchResults);
@@ -145,6 +148,12 @@ export const SearchPage = ({
     formValues,
   ]);
 
+  useEffect(() => {
+    return () => {
+      dispatch(searchSlice.actions.clearSearchStatus());
+    };
+  }, [dispatch]);
+
   return (
     <HeaderFooterLayout>
       <MainWrapper vSpacing={0} layout="fullscreen">

front/src/core-logic/domain/search/search.slice.ts

@@ -94,5 +94,8 @@ export const searchSlice = createSlice({
       state.currentSearchResult = initialState.currentSearchResult;
       state.feedback = initialState.feedback;
     },
+    clearSearchStatus: (state) => {
+      state.searchStatus = initialState.searchStatus;
+    },
   },
 });

front/src/core-logic/domain/search/search.test.ts

@@ -229,6 +229,23 @@ describe("search epic", () => {
     );
   });
 
+  it("should reset search status when clicking on an offer", () => {
+    expectStatus("noSearchMade");
+    store.dispatch(
+      searchSlice.actions.searchRequested({
+        sortedBy: "distance",
+        distanceKm: 10,
+        latitude: immersionOffer.position.lat,
+        longitude: immersionOffer.position.lon,
+      }),
+    );
+    feedWithSearchResults([]);
+    feedWithSearchResults([]);
+    expectStatus("ok");
+    store.dispatch(searchSlice.actions.clearSearchStatus());
+    expectStatus("noSearchMade");
+  });
+
   const expectStateToMatchInitialState = () => {
     expectToEqual(store.getState().search, initialState);
   };