Position filtering in all-surge-alerts

Author: szabozoltan69

app/src/views/AllSurgeAlerts/i18n.json

@@ -5,6 +5,8 @@
         "allSurgeAlertsHeading": "All Surge Alerts ({numSurgeAlerts})",
         "eventFilterLabel": "Emergency",
         "countryFilterLabel": "Country",
+        "positionFilterLabel": "Position",
+        "positionFilterPlaceholder": "Search position",
         "defaultPlaceholder": "All",
         "failedToCreateExport": "Failed to generate export.",
         "surgeAlertDate": "Alert Date",

app/src/views/AllSurgeAlerts/index.tsx

@@ -8,6 +8,7 @@ import {
     NumberOutput,
     Pager,
     Table,
+    TextInput,
 } from '@ifrc-go/ui';
 import { useTranslation } from '@ifrc-go/ui/hooks';
 import {
@@ -111,6 +112,20 @@ export function Component() {
         EventItem[] | undefined | null
     >([]);
 
+    const [positionFilter, setPositionFilter] = useUrlSearchState<string | undefined>(
+        'position',
+        (searchValue: string | undefined) => {
+            const potentialValue = isDefined(searchValue)
+                ? String(searchValue)
+                : undefined;
+            if (isDefined(potentialValue)) {
+                setPage(0);
+            }
+            return potentialValue;
+        },
+        (position: string | undefined) => position,
+    );
+
     useRequest({
         skip: isNotDefined(eventFilter)
             || (!!eventOptions?.find((event) => event.id === eventFilter)),
@@ -162,6 +177,7 @@ export function Component() {
             offset,
             event: eventFilter,
             country: countryFilter,
+            message__icontains: positionFilter,
 
             // FIXME: this should come from the useFilterState
             ordering: 'molnix_status,-opens',
@@ -290,11 +306,19 @@ export function Component() {
         triggerExportStart(
             '/api/v2/surge_alert/',
             surgeResponse?.count,
-            {},
+            {
+                event: eventFilter,
+                country: countryFilter,
+                message__icontains: positionFilter,
+                ordering: 'molnix_status,-opens',
+            },
         );
     }, [
         triggerExportStart,
         surgeResponse?.count,
+        eventFilter,
+        countryFilter,
+        positionFilter,
     ]);
 
     const heading = resolveToComponent(
@@ -328,6 +352,13 @@ export function Component() {
                             onOptionsChange={setEventOptions}
                             countryId={countryFilter}
                         />
+                        <TextInput
+                            name="position"
+                            label={strings.positionFilterLabel}
+                            placeholder={strings.positionFilterPlaceholder}
+                            value={positionFilter}
+                            onChange={setPositionFilter}
+                        />
                     </>
                 )}
                 footerActions={(