From 46e32f917ea32bd96317f1ca796525482cfab10a Mon Sep 17 00:00:00 2001
From: waytothevenus <142979606+waytothevenus@users.noreply.github.com>
Date: Fri, 7 Jun 2024 10:30:04 +0900
Subject: [PATCH] Development branch

Add development branch to prevent project crash during development

Co-Authored-By: Devon Wijesinghe <wdevon99@gmail.com>
Co-Authored-By: waytothevenus <142979606+waytothevenus@users.noreply.github.com>
---
 .anima/.gitignore                             |  1 +
 .../molecules/CreateTodoModal/index.tsx       | 28 +++++++++----------
 2 files changed, 15 insertions(+), 14 deletions(-)
 create mode 100644 .anima/.gitignore

diff --git a/.anima/.gitignore b/.anima/.gitignore
new file mode 100644
index 0000000..5e46596
--- /dev/null
+++ b/.anima/.gitignore
@@ -0,0 +1 @@
+cache
\ No newline at end of file
diff --git a/src/components/molecules/CreateTodoModal/index.tsx b/src/components/molecules/CreateTodoModal/index.tsx
index 3459190..5290029 100644
--- a/src/components/molecules/CreateTodoModal/index.tsx
+++ b/src/components/molecules/CreateTodoModal/index.tsx
@@ -1,12 +1,16 @@
-"use client"
+"use client";
 
 import { useState } from "react";
 import { Form, Input, Modal, message } from "antd";
 import TextArea from "antd/es/input/TextArea";
 import TodoService from "@services/TodoService";
 
-export default function CreateTodoModal({ isOpen, setIsOpen, todos, setTodos }: Props) {
-
+export default function CreateTodoModal({
+  isOpen,
+  setIsOpen,
+  todos,
+  setTodos,
+}: Props) {
   const [form] = Form.useForm();
   const [messageApi] = message.useMessage();
   const [isBusy, setIsBusy] = useState(false);
@@ -24,9 +28,8 @@ export default function CreateTodoModal({ isOpen, setIsOpen, todos, setTodos }:
 
       setTodos(updatedTodos);
       form?.resetFields();
-      setIsOpen(false)
+      setIsOpen(false);
       messageApi.success("Added new todo");
-
     } catch (error) {
       console.error(error);
     } finally {
@@ -43,23 +46,20 @@ export default function CreateTodoModal({ isOpen, setIsOpen, todos, setTodos }:
       onOk={() => createTodo()}
       onCancel={() => {
         form?.resetFields();
-        setIsOpen(false)
+        setIsOpen(false);
       }}
     >
-      <p>What would you like to add to you todo list?</p>
-      <Form
-        form={form}
-        layout="vertical"
-      >
+      <p>What would you like to add to you to-do list?</p>
+      <Form form={form} layout="vertical">
         <Form.Item
           name="todoTitle"
-          rules={[{ required: true, message: 'Todo title is required!' }]}
+          rules={[{ required: true, message: "Todo title is required!" }]}
         >
           <Input placeholder="Todo title" />
         </Form.Item>
         <Form.Item
           name="todoDescription"
-          rules={[{ required: true, message: 'Todo description is required!' }]}
+          rules={[{ required: true, message: "Todo description is required!" }]}
         >
           <TextArea rows={4} placeholder="Todo description" />
         </Form.Item>
@@ -73,4 +73,4 @@ type Props = {
   setIsOpen: (isOpen: boolean) => void;
   todos: Todo[];
   setTodos: (todos: Todo[]) => void;
-}
\ No newline at end of file
+};