Fix null-check issues.

Author: rkistner

demos/nextjs-supabase-todolist/src/app/views/todo-lists/edit/page.tsx

@@ -55,8 +55,8 @@ const TodoEditSection = () => {
       updatedRecord.completed_at = new Date().toISOString();
       updatedRecord.completed_by = userID;
     } else {
-      updatedRecord.completed_at = undefined;
-      updatedRecord.completed_by = undefined;
+      updatedRecord.completed_at = null;
+      updatedRecord.completed_by = null;
     }
     await powerSync.execute(
       `UPDATE ${TODOS_TABLE}
@@ -111,7 +111,7 @@ const TodoEditSection = () => {
                 key={r.id}
                 description={r.description}
                 onDelete={() => deleteTodo(r.id)}
-                isComplete={r.completed}
+                isComplete={r.completed == 1}
                 toggleCompletion={() => toggleCompletion(r, !r.completed)}
               />
             ))}

demos/nextjs-supabase-todolist/src/components/widgets/TodoItemWidget.tsx

@@ -6,7 +6,7 @@ import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';
 
 export type TodoItemWidgetProps = {
-  description: string;
+  description: string | null;
   isComplete: boolean;
   onDelete: () => void;
   toggleCompletion: () => void;

demos/nextjs-supabase-todolist/src/components/widgets/TodoListsWidget.tsx

@@ -42,7 +42,7 @@ export function TodoListsWidget(props: TodoListsWidgetProps) {
       {listRecords.map((r) => (
         <ListItemWidget
           key={r.id}
-          title={r.name}
+          title={r.name ?? ''}
           description={description(r.total_tasks, r.completed_tasks)}
           selected={r.id == props.selectedId}
           onDelete={() => deleteList(r.id)}