TaskTrack — Today screen ও TaskItem component

import { useEffect } from "react";
import { View, FlatList, Text } from "react-native";
import { loadTasks } from "../../lib/storage";
import TaskItem from "../../components/TaskItem";

export default function TodayScreen() {
  const [tasks, setTasks] = useState<Array<Task>>([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    loadTasks().then((list) => {
      setTasks(list);
      setLoading(false);
    });
  }, []);

  if (loading) {
    return <Text>Loading…</Text>;
  }

  return (
    <FlatList
      data={tasks}
      keyExtractor={(task) => task.id}
      renderItem={({ item }) => <TaskItem task={item} />}
      ListEmptyComponent={
        <View style={{ padding: 24 }}>
          <Text>আজ কিছু নেই — নিজের জন্য কাজ যোগ করুন</Text>
        </View>
      }
    />
  );
}

import { View, Text, Pressable, StyleSheet } from "react-native";

export default function TaskItem({ task }) {
  return (
    <View style={styles.row}>
      <Pressable style={styles.title}>
        <Text style={[styles.text, task.done && styles.done]}>
          {task.done ? "✓ " : ""}{task.title}
        </Text>
      </Pressable>
    </View>
  );
}

const styles = StyleSheet.create({
  row: { padding: 16, borderBottomWidth: 1 },
  text: { fontSize: 16 },
  done: { textDecorationLine: "line-through", color: "#94a3b8" },
});