Function Todos

examples/electron-app/src/Example.tsx:175–221

()

});

const Todos: FC = () => {
  const { create } = useMutation();
  const { rows } = useQuery(
    (db) =>
      db
        .selectFrom("todo")
        .select(["id", "title", "isCompleted", "categoryId"])
        .where("isDeleted", "is not", Evolu.cast(true))
        .orderBy("createdAt"),
    // (row) => row
    ({ title, isCompleted, ...rest }) =>
      title && isCompleted != null && { title, isCompleted, ...rest },
  );
  const todoCategoriesList = useTodoCategoriesList();

  return (
    <>
      <h2 className="mt-6 text-xl font-semibold">Todos</h2>
      <ul className="py-2">
        {rows.map((row) => (
          <TodoItem
            key={row.id}
            row={row}
            todoCategoriesList={todoCategoriesList}
          />
        ))}
      </ul>
      <Button
        title="Add Todo"
        onClick={(): void => {
          // TODO: Use something for Electron.
          create("todo", {
            title: "yep" as Evolu.NonEmptyString1000,
            isCompleted: false,
          });
          // prompt(
          //   Evolu.NonEmptyString1000,
          //   "What needs to be done?",
          //   (title) => {
          //     create("todo", { title, isCompleted: false });
          //   }
          // );
        }}
      />
    </>
  );
};

const TodoCategories: FC = () => {
  const { create, update } = useMutation();