feat: search notifications

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

Author: setchy

src/renderer/components/filters/SearchFilter.tsx

@@ -133,7 +133,9 @@ export const SearchFilter: FC = () => {
           onRemove={removeIncludeSearchToken}
           showSuggestionsOnFocusIfEmpty={!hasIncludeSearchFilters(settings)}
           tokens={includeSearchTokens}
+          isDetailedNotificationsEnabled={settings.detailedNotifications}
         />
+
         <TokenSearchInput
           icon={NoEntryFillIcon}
           iconColorClass={IconColor.RED}
@@ -142,6 +144,7 @@ export const SearchFilter: FC = () => {
           onRemove={removeExcludeSearchToken}
           showSuggestionsOnFocusIfEmpty={!hasExcludeSearchFilters(settings)}
           tokens={excludeSearchTokens}
+          isDetailedNotificationsEnabled={settings.detailedNotifications}
         />
       </Stack>
     </fieldset>

src/renderer/components/filters/SearchFilterSuggestions.tsx

@@ -14,23 +14,28 @@ const QUALIFIERS = Object.values(SEARCH_QUALIFIERS);
 interface SearchFilterSuggestionsProps {
   open: boolean;
   inputValue: string;
+  isDetailedNotificationsEnabled: boolean;
   onClose: () => void;
 }
 
 export const SearchFilterSuggestions: FC<SearchFilterSuggestionsProps> = ({
   open,
   inputValue,
+  isDetailedNotificationsEnabled,
   onClose,
 }) => {
   if (!open) {
     return null;
   }
 
   const lower = inputValue.toLowerCase();
-  const suggestions = QUALIFIERS.filter(
+  const base = isDetailedNotificationsEnabled
+    ? QUALIFIERS
+    : QUALIFIERS.filter((q) => !q.requiresDetailsNotifications);
+  const suggestions = base.filter(
     (q) => q.prefix.startsWith(lower) || inputValue === '',
   );
-  const beginsWithKnownQualifier = QUALIFIERS.some((q) =>
+  const beginsWithKnownQualifier = base.some((q) =>
     lower.startsWith(q.prefix),
   );
 
@@ -55,7 +60,7 @@ export const SearchFilterSuggestions: FC<SearchFilterSuggestionsProps> = ({
               <Box>
                 <Text className={cn('text-xs', Opacity.HIGH)}>
                   Please use one of the supported filters [
-                  {QUALIFIERS.map((q) =>
+                  {base.map((q) =>
                     q.prefix.replace(SEARCH_DELIMITER, ''),
                   ).join(', ')}
                   ]

src/renderer/components/filters/TokenSearchInput.tsx

@@ -15,11 +15,12 @@ export interface TokenInputItem {
 }
 
 interface TokenSearchInputProps {
-  label: string; // "Include" | "Exclude"
+  label: string;
   icon: FC<{ className?: string }>;
   iconColorClass: string;
   tokens: TokenInputItem[];
-  showSuggestionsOnFocusIfEmpty: boolean; // parent pre-computed condition
+  showSuggestionsOnFocusIfEmpty: boolean; 
+  isDetailedNotificationsEnabled: boolean;
   onAdd: (token: string) => void;
   onRemove: (tokenId: string | number) => void;
 }
@@ -32,6 +33,7 @@ export const TokenSearchInput: FC<TokenSearchInputProps> = ({
   iconColorClass,
   tokens,
   showSuggestionsOnFocusIfEmpty,
+  isDetailedNotificationsEnabled,
   onAdd,
   onRemove,
 }) => {
@@ -110,6 +112,7 @@ export const TokenSearchInput: FC<TokenSearchInputProps> = ({
         <SearchFilterSuggestions
           inputValue={inputValue}
           onClose={() => setShowSuggestions(false)}
+          isDetailedNotificationsEnabled={isDetailedNotificationsEnabled}
           open={showSuggestions}
         />
       </Box>