From c966009ab5b7748b154129270503f1678138eef9 Mon Sep 17 00:00:00 2001
From: Felix Zett <fezett@gmail.com>
Date: Sun, 31 Aug 2025 19:48:52 +0200
Subject: [PATCH] feat: add normalization and sorting of items by name in
 ItemsPage

---
 frontend/src/pages/ItemsPage.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/ItemsPage.tsx b/frontend/src/pages/ItemsPage.tsx
index 9692574..eaacb9c 100644
--- a/frontend/src/pages/ItemsPage.tsx
+++ b/frontend/src/pages/ItemsPage.tsx
@@ -12,6 +12,13 @@ import {
 import ItemList from "../components/ItemList";
 import TagFilter from "../components/TagFilter";
 
+function normalizeName(name: string): string {
+  return name
+    .replace(/\{.*?\}/g, "") // {...} entfernen
+    .replace(/[^\p{L}\p{N}]/gu, "") // alles außer Unicode-Buchstaben/Zahlen entfernen
+    .toLowerCase();
+}
+
 export default function ItemsPage() {
   const [items, setItems] = useState<Item[]>([]);
   const [tags, setTags] = useState<Tag[]>([]);
@@ -73,7 +80,12 @@ export default function ItemsPage() {
     return matchesText && matchesTags;
   });
 
-  return (
+  // Sortieren nach bereinigtem Namen
+  const sortedItems = [...filteredItems].sort((a, b) =>
+    normalizeName(a.name).localeCompare(normalizeName(b.name))
+  );
+
+  return (  
     <div className="p-4 max-w-3xl mx-auto">
       <h1 className="text-2xl font-bold mb-4">Items</h1>
 
@@ -97,7 +109,7 @@ export default function ItemsPage() {
         <p>Lade...</p>
       ) : (
         <ItemList
-          items={filteredItems}
+          items={sortedItems}
           allTags={tags}
           onUpdateName={handleRenameItem}
           onDeleteTag={handleDeleteTag}