feat(LocationSuggest): Reset location on hirer change (#1016)

* feat: Reset location suggest when hirerId changes * Format * Changeset * Tweak changeset * Only clear when hirerId changes * Fix dependency array --------- Co-authored-by: Ryan Ling <[email protected]>
seek-oss · Oct 9, 2023 · 2539142 · 2539142
1 parent 7c99f63
commit 2539142
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/.changeset/wise-wolves-hammer.md b/.changeset/wise-wolves-hammer.md
@@ -0,0 +1,5 @@
+---
+'wingman-fe': minor
+---
+
+LocationSuggest: Reset on hirer change
diff --git a/fe/lib/components/LocationSuggest/LocationSuggest.stories.tsx b/fe/lib/components/LocationSuggest/LocationSuggest.stories.tsx
@@ -8,6 +8,7 @@ export default {
   args: {
     id: 'locationSuggest',
     label: 'Location',
+    hirerId: 'seekAnzPublicTest:organization:seek:93WyyF1h',
     message: 'undefined',
     reserveMessageSpace: false,
     showBreadcrumbs: false,

diff --git a/fe/lib/components/LocationSuggest/LocationSuggest.tsx b/fe/lib/components/LocationSuggest/LocationSuggest.tsx
@@ -80,6 +80,7 @@ export const LocationSuggest = forwardRef<
       data: suggestData,
       previousData: previousSuggestData,
       error: suggestError,
+      variables: previousSuggestVariables,
     } = useQuery<SuggestLocationsQuery, SuggestLocationsQueryVariables>(
       LOCATION_SUGGEST,
       {
@@ -107,6 +108,18 @@ export const LocationSuggest = forwardRef<
       },
     );
 
+    useEffect(() => {
+      /**
+       * Location suggestions vary depending on the hirer.
+       * Hence, we should clear the selected location when the hirer changes.
+       */
+      if (selectedLocation && hirerId !== previousSuggestVariables?.hirerId) {
+        setSelectedLocation(undefined);
+        setPlaceholder('');
+        onClear?.();
+      }
+    }, [hirerId, onClear, previousSuggestVariables, selectedLocation]);
+
     const { data: initialLocation } = useQuery<
       LocationQuery,
       LocationQueryVariables