Files
cally/components/pages/brain_dump/DumpList.tsx

35 lines
1.1 KiB
TypeScript

import { View, Text } from "react-native-ui-lib";
import React from "react";
import { useBrainDumpContext } from "@/contexts/DumpContext";
import { FlatList } from "react-native";
import BrainDumpItem from "./DumpItem";
import { StyleSheet } from "react-native";
const DumpList = (props: { searchText: string }) => {
const { brainDumps } = useBrainDumpContext();
const sortedDumps =
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>
{sortedDumps?.length ? (
sortedDumps.map((item) => (
<BrainDumpItem key={item.id} item={item} />
))) : <Text marginT-20 center style={styles.alert}>You have no notes</Text>}
</View>
);
};
const styles = StyleSheet.create({
alert: {fontFamily: "PlusJakartaSans_300Light", fontSize: 20}
})
export default DumpList;