Rename: AddNewCard to AddNewTodo

I0I-I0I · Aug 17, 2024 · b92205b · b92205b
1 parent ce8414a
commit b92205b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/components/AddNewCard/AddNewCard.jsx → src/components/AddNewTodo/AddNewTodo.jsx b/src/components/AddNewCard/AddNewCard.jsx → src/components/AddNewTodo/AddNewTodo.jsx
@@ -1,13 +1,13 @@
 import { useContext, useState } from "react";
-import styles from "./AddNewCard.module.css";
+import styles from "./AddNewTodo.module.css";
 import { TodoContext } from "../context/todoContext";
 import useInput from "../../hooks/useInput";
 import Input from "../UI/Input/Input";
 import Button from "../UI/Button/Button";
 import Modal from "../UI/Modal/Modal";
 import { EditModeContext } from "../context/editMode";
 
-const AddNewCard = () => {
+const AddNewTodo = () => {
 	const { dispatchTodos } = useContext(TodoContext);
 	const [editMode] = useContext(EditModeContext);
 	const [isAddTodo, setIsAddTodo] = useState(false);
@@ -34,9 +34,9 @@ const AddNewCard = () => {
 
 	return (
 		<>
-			<div onClick={toggleAddTodo} className={styles.addNewCard}>
+			<div onClick={toggleAddTodo} className={styles.addNewTodo}>
 				<span className={styles.plus}>+</span>
-				Add new card
+				Add new todo
 			</div>
 
 			{isAddTodo && (
@@ -64,4 +64,4 @@ const AddNewCard = () => {
 	);
 };
 
-export default AddNewCard;
+export default AddNewTodo;
diff --git a/...mponents/AddNewCard/AddNewCard.module.css → ...mponents/AddNewTodo/AddNewTodo.module.css b/...mponents/AddNewCard/AddNewCard.module.css → ...mponents/AddNewTodo/AddNewTodo.module.css
@@ -1,4 +1,4 @@
-.addNewCard {
+.addNewTodo {
 	--color: #808080;
 
 	position: relative;
@@ -21,14 +21,14 @@
 
 	color: var(--color);
 	border-color: var(--color);
-	transition: all .1s ease-in-out;
+	transition: all 0.1s ease-in-out;
 }
 
 .plus {
 	font-size: 4rem;
 }
 
-.addNewCard:hover {
+.addNewTodo:hover {
 	--color: lightgreen;
 
 	cursor: pointer;

diff --git a/src/components/TodoList/TodoList.jsx b/src/components/TodoList/TodoList.jsx
@@ -2,7 +2,7 @@ import { useContext, useState } from "react";
 import Todo from "../Todo/Todo";
 import { TodoContext } from "../context/todoContext";
 import styles from "./TodoList.module.css";
-import AddNewCard from "../AddNewCard/AddNewCard";
+import AddNewTodo from "../AddNewTodo/AddNewTodo";
 import { EditModeContext } from "../context/editMode";
 
 const TodoList = () => {
@@ -51,7 +51,7 @@ const TodoList = () => {
 						</li>
 					))}
 				<li>
-					<AddNewCard />
+					<AddNewTodo />
 				</li>
 			</ul>
 		</div>