Function SearchNotes

integrations/raycast/src/search-notes.tsx:49–155

()

  | `tag:${string}`;

export default function SearchNotes(): ReactElement {
  const [notes, setNotes] = useState<ZenNote[]>([]);
  const [vaultRoot, setVaultRoot] = useState<string | null>(null);
  const [isLoading, setIsLoading] = useState(true);
  const [error, setError] = useState<LoadError | null>(null);
  const [filter, setFilter] = useState<FilterValue>("all");

  const load = useCallback(async () => {
    setIsLoading(true);
    setError(null);
    try {
      const nextNotes = await loadNotes();
      const nextVaultRoot = await loadVaultRoot().catch(() => null);
      setNotes(nextNotes);
      setVaultRoot(nextVaultRoot);
    } catch (err) {
      setNotes([]);
      setVaultRoot(null);
      setError(toLoadError(err));
    } finally {
      setIsLoading(false);
    }
  }, []);

  useEffect(() => {
    void load();
  }, [load]);

  const emptyView = useMemo(() => {
    if (!error) {
      return (
        <List.EmptyView
          icon={Icon.MagnifyingGlass}
          title="No notes found"
          description="ZenNotes returned no notes for this vault."
          actions={<RefreshActions onRefresh={load} />}
        />
      );
    }

    return (
      <List.EmptyView
        icon={Icon.Warning}
        title={error.title}
        description={error.message}
        actions={<ErrorActions onRefresh={load} />}
      />
    );
  }, [error, load]);

  const filteredNotes = useMemo(
    () => filterNotes(notes, filter),
    [filter, notes],
  );
  const availableTags = useMemo(() => collectTags(notes), [notes]);

  return (
    <List