Readme angepasst, Leserlichkeit im Code leicht verbessert

2026-07-14 15:38:57 +02:00
parent c4d14d6f23
commit 497ab442f2
2 changed files with 8 additions and 2 deletions
@@ -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]}
            </span>
+
            <button
                className="delete-button"
                type="button"
@@ -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) => (