project setup

2025-11-02 10:08:56 +01:00
commit 568838003e
174 changed files with 27100 additions and 0 deletions
@@ -0,0 +1,44 @@
+import { useState } from "react";
+import { View } from "react-native";
+
+import { Todo } from "@/store/models/Todo.model";
+import { useAppSelector } from "@/store/hooks";
+import { selectIsMobile } from "@/store/screen/screenSizeSlice";
+import { TodoDetailsModal } from "@/components/features/todos/TodoDetailsModal";
+import { MobileTodoListItem } from "@/components/features/dashboard/todo/MobileTodoListItem";
+import { DesktopTodoListItem } from "@/components/features/dashboard/todo/DesktopTodoListItem";
+
+interface ToDoListItemProps {
+  item: Todo;
+}
+
+export const ToDoListItem = ({ item }: ToDoListItemProps) => {
+  const isMobile = useAppSelector(selectIsMobile);
+  const [dialogOpen, setDialogOpen] = useState(false);
+
+  return (
+    <View className="bg-white rounded-lg p-4 mb-3 shadow-sm">
+      <View className="flex-row items-center justify-between mb-2">
+        {isMobile ? (
+          <MobileTodoListItem
+            dialogOpen={dialogOpen}
+            setDialogOpen={setDialogOpen}
+            item={item}
+          />
+        ) : (
+          <DesktopTodoListItem
+            dialogOpen={dialogOpen}
+            setDialogOpen={setDialogOpen}
+            item={item}
+          />
+        )}
+      </View>
+
+      <TodoDetailsModal
+        visible={dialogOpen}
+        todo={item}
+        onClose={() => setDialogOpen(false)}
+      />
+    </View>
+  );
+};