feat(mobile): add "Any" option to inbox Source and Priority filters (port #3493) (#3595)

Author: Gilbert09

apps/mobile/src/features/inbox/components/FilterSheet.tsx

@@ -126,8 +126,12 @@ export function FilterSheet({ visible, onClose }: FilterSheetProps) {
   const toggleStatus = useInboxFilterStore((s) => s.toggleStatus);
   const sourceProductFilter = useInboxFilterStore((s) => s.sourceProductFilter);
   const toggleSourceProduct = useInboxFilterStore((s) => s.toggleSourceProduct);
+  const clearSourceProductFilter = useInboxFilterStore(
+    (s) => s.clearSourceProductFilter,
+  );
   const priorityFilter = useInboxFilterStore((s) => s.priorityFilter);
   const togglePriority = useInboxFilterStore((s) => s.togglePriority);
+  const setPriorityFilter = useInboxFilterStore((s) => s.setPriorityFilter);
   const resetFilters = useInboxFilterStore((s) => s.resetFilters);
 
   const hasActiveFilters =
@@ -213,6 +217,11 @@ export function FilterSheet({ visible, onClose }: FilterSheetProps) {
           {/* Priority */}
           <SectionHeader title="Priority" />
           <View className="mb-5">
+            <OptionRow
+              label="Any"
+              selected={priorityFilter.length === 0}
+              onPress={() => setPriorityFilter([])}
+            />
             {FILTERABLE_PRIORITIES.map((priority) => (
               <OptionRow
                 key={priority}
@@ -232,6 +241,11 @@ export function FilterSheet({ visible, onClose }: FilterSheetProps) {
           {/* Source */}
           <SectionHeader title="Source" />
           <View className="mb-5">
+            <OptionRow
+              label="Any"
+              selected={sourceProductFilter.length === 0}
+              onPress={clearSourceProductFilter}
+            />
             {SOURCE_PRODUCT_OPTIONS.map((option) => (
               <OptionRow
                 key={option.value}

apps/mobile/src/features/inbox/stores/inboxFilterStore.test.ts

@@ -29,6 +29,21 @@ describe("inboxFilterStore", () => {
       expect(useInboxFilterStore.getState().sourceProductFilter).toEqual([]);
     },
   );
+
+  it("clears the source filter", () => {
+    const { toggleSourceProduct, clearSourceProductFilter } =
+      useInboxFilterStore.getState();
+
+    toggleSourceProduct("github");
+    toggleSourceProduct("linear");
+    expect(useInboxFilterStore.getState().sourceProductFilter).toEqual([
+      "github",
+      "linear",
+    ]);
+
+    clearSourceProductFilter();
+    expect(useInboxFilterStore.getState().sourceProductFilter).toEqual([]);
+  });
 });
 
 const INITIAL_STATE = useInboxFilterStore.getState();

apps/mobile/src/features/inbox/stores/inboxFilterStore.ts

@@ -47,6 +47,7 @@ interface InboxFilterActions {
   setStatusFilter: (statuses: SignalReportStatus[]) => void;
   toggleStatus: (status: SignalReportStatus) => void;
   toggleSourceProduct: (source: SourceProduct) => void;
+  clearSourceProductFilter: () => void;
   toggleSuggestedReviewer: (reviewerUuid: string) => void;
   setSuggestedReviewerFilter: (reviewerUuids: string[]) => void;
   togglePriority: (priority: SignalReportPriority) => void;
@@ -85,6 +86,7 @@ export const useInboxFilterStore = create<InboxFilterStore>()(
             : [...current, source];
           return { sourceProductFilter: next };
         }),
+      clearSourceProductFilter: () => set({ sourceProductFilter: [] }),
       toggleSuggestedReviewer: (reviewerUuid) =>
         set((state) => {
           const current = state.suggestedReviewerFilter;