Readme angepasst, Leserlichkeit im Code leicht verbessert

react-unterricht-todolist/src/components/TodoItem.jsx

@@ -1,9 +1,11 @@
 function TodoItem({ todo, onToggleTodo, onDeleteTodo }) {
+
     const priorityLabels = {
         low: "Niedrig",
         normal: "Normal",
         high: "Hoch",
     };
+
     return (
         <li className={`todo-item ${todo.completed ? "completed" : ""}`}>
             <label className="todo-content">
@@ -14,9 +16,11 @@ function TodoItem({ todo, onToggleTodo, onDeleteTodo }) {
                 />
                 <span className="todo-text">{todo.text}</span>
             </label>
+
             <span className={`priority priority-${todo.priority}`}>
-{priorityLabels[todo.priority]}
+                {priorityLabels[todo.priority]}
-</span>
+            </span>
+
             <button
                 className="delete-button"
                 type="button"

react-unterricht-todolist/src/components/TodoList.jsx

@@ -1,5 +1,6 @@
 import TodoItem from "./TodoItem";
 function TodoList({ todos, onToggleTodo, onDeleteTodo }) {
+
     if (todos.length === 0) {
         return (
             <p className="empty-message">
@@ -7,6 +8,7 @@ function TodoList({ todos, onToggleTodo, onDeleteTodo }) {
             </p>
         );
     }
+
     return (
         <ul className="todo-list">
             {todos.map((todo) => (