feat: search notifications

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/components/filters/SearchFilter.tsx

@@ -128,23 +128,23 @@ export const SearchFilter: FC = () => {
         <TokenSearchInput
           icon={CheckCircleFillIcon}
           iconColorClass={IconColor.GREEN}
+          isDetailedNotificationsEnabled={settings.detailedNotifications}
           label="Include"
           onAdd={addIncludeSearchToken}
           onRemove={removeIncludeSearchToken}
           showSuggestionsOnFocusIfEmpty={!hasIncludeSearchFilters(settings)}
           tokens={includeSearchTokens}
-          isDetailedNotificationsEnabled={settings.detailedNotifications}
         />
 
         <TokenSearchInput
           icon={NoEntryFillIcon}
           iconColorClass={IconColor.RED}
+          isDetailedNotificationsEnabled={settings.detailedNotifications}
           label="Exclude"
           onAdd={addExcludeSearchToken}
           onRemove={removeExcludeSearchToken}
           showSuggestionsOnFocusIfEmpty={!hasExcludeSearchFilters(settings)}
           tokens={excludeSearchTokens}
-          isDetailedNotificationsEnabled={settings.detailedNotifications}
         />
       </Stack>
     </fieldset>

src/renderer/components/filters/SearchFilterSuggestions.tsx

@@ -5,8 +5,8 @@ import { Box, Popover, Stack, Text } from '@primer/react';
 import { Opacity } from '../../types';
 import { cn } from '../../utils/cn';
 import {
-  SEARCH_DELIMITER,
   getAvailableSearchQualifiers,
+  SEARCH_DELIMITER,
 } from '../../utils/notifications/filters/search';
 
 interface SearchFilterSuggestionsProps {
@@ -31,9 +31,7 @@ export const SearchFilterSuggestions: FC<SearchFilterSuggestionsProps> = ({
   const suggestions = base.filter(
     (q) => q.prefix.startsWith(lower) || inputValue === '',
   );
-  const beginsWithKnownQualifier = base.some((q) =>
-    lower.startsWith(q.prefix),
-  );
+  const beginsWithKnownQualifier = base.some((q) => lower.startsWith(q.prefix));
 
   return (
     <Popover caret={false} onOpenChange={onClose} open>
@@ -56,9 +54,9 @@ export const SearchFilterSuggestions: FC<SearchFilterSuggestionsProps> = ({
               <Box>
                 <Text className={cn('text-xs', Opacity.HIGH)}>
                   Please use one of the supported filters [
-                  {base.map((q) =>
-                    q.prefix.replace(SEARCH_DELIMITER, ''),
-                  ).join(', ')}
+                  {base
+                    .map((q) => q.prefix.replace(SEARCH_DELIMITER, ''))
+                    .join(', ')}
                   ]
                 </Text>
               </Box>

src/renderer/components/filters/TokenSearchInput.tsx

@@ -19,7 +19,7 @@ interface TokenSearchInputProps {
   icon: FC<{ className?: string }>;
   iconColorClass: string;
   tokens: TokenInputItem[];
-  showSuggestionsOnFocusIfEmpty: boolean; 
+  showSuggestionsOnFocusIfEmpty: boolean;
   isDetailedNotificationsEnabled: boolean;
   onAdd: (token: string) => void;
   onRemove: (tokenId: string | number) => void;
@@ -111,8 +111,8 @@ export const TokenSearchInput: FC<TokenSearchInputProps> = ({
         />
         <SearchFilterSuggestions
           inputValue={inputValue}
-          onClose={() => setShowSuggestions(false)}
           isDetailedNotificationsEnabled={isDetailedNotificationsEnabled}
+          onClose={() => setShowSuggestions(false)}
           open={showSuggestions}
         />
       </Box>

src/renderer/utils/notifications/filters/search.ts

@@ -56,8 +56,10 @@ export function getAvailableSearchQualifiers(
   return all.filter((q) => !q.requiresDetailsNotifications);
 }
 
-export const BASE_SEARCH_QUALIFIERS: readonly SearchQualifier[] = getAvailableSearchQualifiers(false);
-export const ALL_SEARCH_QUALIFIERS: readonly SearchQualifier[] = getAvailableSearchQualifiers(true);
+export const BASE_SEARCH_QUALIFIERS: readonly SearchQualifier[] =
+  getAvailableSearchQualifiers(false);
+export const ALL_SEARCH_QUALIFIERS: readonly SearchQualifier[] =
+  getAvailableSearchQualifiers(true);
 
 export function hasIncludeSearchFilters(settings: SettingsState) {
   return settings.filterIncludeSearchTokens.length > 0;