Conversation
| </div> | ||
| <h1>Hello User.</h1> | ||
| <h3>Start by selecting a date for your event.</h3> | ||
| <CalendarFunc></CalendarFunc> |
There was a problem hiding this comment.
| <CalendarFunc></CalendarFunc> | |
| <CalendarFunc /> |
| @@ -0,0 +1,156 @@ | |||
| .react-calendar { | |||
There was a problem hiding this comment.
since this .css file is not a component, we shouldn't write it in capital letter. If this is supposed to be attached to Calendar.jsx component, then I recommend placing it in a new folder /components/Calendar alongside the component itself.
| import Col from "react-bootstrap/Col"; | ||
|
|
||
| const CalendarFunc = () => { | ||
| const [selectedDate, setSelectedDate] = useState(null); |
| const [showChecklist, setShowChecklist] = useState(false); | ||
| const [showMemo, setShowMemo] = useState(false); | ||
|
|
||
| // Function to select the date. |
There was a problem hiding this comment.
This comment is a bit redundant, since the function name tells me the same
| setSelectedDate(date); | ||
| }; | ||
|
|
||
| // Function to handle Input Change. |
| } | ||
| }; | ||
|
|
||
| // Allows users to remove a task. |
There was a problem hiding this comment.
| // Allows users to remove a task. |
| setTasks(taskList); | ||
| }; | ||
|
|
||
| //Allow users to choose between adding more tasks or be done with adding tasks. |
There was a problem hiding this comment.
This does not match the code somehow. Seems like this comment should be removed as well
| setIsAddTaskCompleted(true); | ||
| }; | ||
|
|
||
| const handleContAdding = () => { |
There was a problem hiding this comment.
I think the function name here is unclear. We should be more specific. Not sure what Cont is
| <button>{editTask ? "Update Task" : "Add Task"}</button> | ||
| </form> | ||
| )} | ||
| <ul> |
There was a problem hiding this comment.
if tasks is empty, then you render an empty <ul> here
| ))} | ||
| </ul> | ||
|
|
||
| {/* Conditional Rendering */} |
There was a problem hiding this comment.
| {/* Conditional Rendering */} |
No description provided.