cally/components/pages/brain_dump/DumpList.tsx

import { View } from "react-native-ui-lib";
import React from "react";
import { useBrainDumpContext } from "@/contexts/DumpContext";
import { FlatList } from "react-native";
import BrainDumpItem from "./DumpItem";

const DumpList = (props: { searchText: string }) => {
  const { brainDumps } = useBrainDumpContext();

  const filteredBrainDumps =
    props.searchText.trim() === ""
      ? brainDumps
      : brainDumps.filter(
          (item) =>
            item.title.toLowerCase().includes(props.searchText.toLowerCase()) ||
            item.description
              .toLowerCase()
              .includes(props.searchText.toLowerCase())
        );

  return (
    <View marginB-70>
      <FlatList
        style={{ zIndex: -1 }}
        data={filteredBrainDumps}
        keyExtractor={(item) => item.title}
        renderItem={({ item }) => (
          <BrainDumpItem key={item.title} item={item} />
        )}
      />
    </View>
  );
};

export default DumpList;