+
);
}
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 0f117cc..ae6d523 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -2,9 +2,11 @@ import coffeelogo from '../assets/coffee-to-go.svg';
export default function Header() {
return (
-
+
-
+
+
+
+
- Coffee Tasks
+
+ Coffee Tasks
+
);
}
diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index 087e858..53ea572 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -17,13 +17,13 @@ export default function Nav({ setTodos, setFilter }) {
};
return (
-
+
{
if (e.key === 'Enter') {
if (editTodo) return editTask(e);
else return addTask(e);
}
};
+ const [status, setStatus] = useState(editTodo ? editTodo.status : 'incomplete');
+ const [currentTask, setCurrentTask] = useState(editTodo ? editTodo.title : '');
+ const [error, setError] = useState(null);
const handleInputChange = (e) => {
setCurrentTask(e.target.value);
};
- const handleDescriptionChange = (e) => {
- setDescription(e.target.value);
- };
-
const handleClosePupUp = () => {
setError(null);
trigger(false);
};
-
const defaultState = () => {
setCurrentTask('');
- setDescription('');
setError(null);
trigger(false);
};
-
const editTask = (e) => {
e.preventDefault();
if (currentTask === '') setError('Please enter the title!');
else {
const newTodo = {
title: currentTask,
- description,
status: status.value ? status.value : status,
id: uuid(),
};
@@ -63,15 +50,13 @@ export default function PopUp({ trigger, todos, setTodos, visible, editTodo }) {
defaultState();
}
};
-
const addTask = (e) => {
e.preventDefault();
if (currentTask === '') setError('Please enter the title!');
- else if(currentTask.trim().length == 0) setError('Please enter a non empty title!');
+ else if (currentTask.trim().length == 0) setError('Please enter a non empty title!');
else {
const newTodo = {
title: currentTask,
- description,
status: status.value ? status.value : status,
id: uuid(),
};
@@ -84,8 +69,7 @@ export default function PopUp({ trigger, todos, setTodos, visible, editTodo }) {
@@ -138,29 +122,6 @@ export default function PopUp({ trigger, todos, setTodos, visible, editTodo }) {
value={currentTask}
/>
- {/* Any additional field can be hidden initially by nesting it here */}
- {showFields && (
- <>
-
-
-
- )}
-
- setShowFields(!showFields)}
- icon={showFields ? faCaretUp : faCaretDown}
- />
-
{
const savedTodos = localStorage.getItem('todos');
@@ -51,7 +49,6 @@ export default function ToDoContainer() {
newTodos.splice(index, 1);
localStorage.setItem('todos', JSON.stringify(newTodos));
setTodos(newTodos);
- closeDialog();
}
function handleEdit(index) {
setPopUpvisible(!popUpvisible);
@@ -59,14 +56,6 @@ export default function ToDoContainer() {
// console.log(editTodo);
return;
}
- function openDialog(index) {
- setTodoIndex(index);
- setShow(!show);
- console.log(index);
- }
- function closeDialog() {
- setShow(!show);
- }
useEffect(() => {
localStorage.setItem('todos', JSON.stringify(todos));
if (todos?.length) return;
@@ -82,7 +71,7 @@ export default function ToDoContainer() {
checkedOrNot={checkedOrNot}
checkboxhandler={checkboxhandler}
handleEdit={handleEdit}
- handleDelete={openDialog}
+ handleDelete={handleDelete}
/>
) : (
''
@@ -97,15 +86,15 @@ export default function ToDoContainer() {
checkedOrNot={checkedOrNot}
checkboxhandler={checkboxhandler}
handleEdit={handleEdit}
- handleDelete={openDialog}
+ handleDelete={handleDelete}
/>
));
return (
<>
-
+
{!todos?.length ? (
-
+
You have no tasks. Let's add a task to get started.
) : (
@@ -121,13 +110,6 @@ export default function ToDoContainer() {
editTodo={editPopUp}
/>
)}
-
-