Add sections

src/client/src/components/todos/addTodo.tsx

@@ -4,7 +4,7 @@ import { AddTodoForm } from "@src/components/todos/collapsed/addTodoForm";
 import { CollapsedState } from "@src/components/todos/collapsed/collapsedState";
 import { useCreateTodo } from "@src/presentation/hooks/socketHooks";
 
-export function AddTodo(props: {}) {
+export function AddTodo(props: { project: string }) {
   const { createTodo } = useCreateTodo();
 
   const [collapsed, setCollapsed] = useState<CollapsedState>(
@@ -21,6 +21,7 @@ export function AddTodo(props: {}) {
 
   return (
     <AddTodoForm
+      project={props.project}
       onAdd={(todoName, project) => {
         createTodo(todoName, project);
       }}

src/client/src/components/todos/collapsed/addTodoForm.tsx

@@ -3,9 +3,10 @@ import { FC, useState } from "react";
 export const AddTodoForm: FC<{
   onAdd: (todoName: string, project: string) => void;
   onClose: () => void;
-}> = ({ onAdd, onClose }) => {
+  project: string;
+}> = ({ onAdd, onClose, ...props }) => {
   const [todoName, setTodoName] = useState("");
-  const [project, setProject] = useState("");
+  const [project, setProject] = useState(props.project);
 
   return (
     <form

src/client/src/components/todos/todoList.tsx

@@ -3,7 +3,11 @@ import { TodoItem } from "@src/components/todos/todoItem";
 import { AddTodo } from "@src/components/todos/addTodo";
 import { useUpdateTodoState } from "@src/presentation/hooks/socketHooks";
 
-export const TodoList = (props: { todos: Todo[]; hideDone: boolean }) => {
+export const TodoList = (props: {
+  todos: Todo[];
+  hideDone: boolean;
+  project: string;
+}) => {
   const { updateTodoState } = useUpdateTodoState();
 
   return (
@@ -23,7 +27,7 @@ export const TodoList = (props: { todos: Todo[]; hideDone: boolean }) => {
             </li>
           ))}
       </ul>
-      <AddTodo />
+      <AddTodo project={props.project} />
     </>
   );
 };