Dateien nach "frontend/src" hochladen

frontend/src/toolRegistry.js

@@ -1,17 +1,14 @@
 import Kalkulator3D, { SavedList } from './tools/kalkulator3d.jsx';
+import { CalculatorIcon, ArchiveIcon } from './icons.jsx';
 
 // ══════════════════════════════════════════════════════════════════════════════
 //  Tool-Registry
-//
-//  Neues Tool:
-//   1. backend/src/tools/<id>/routes.js  → automatisch geladen
-//   2. frontend/src/tools/<id>.jsx
-//   3. Hier eintragen, group = Bereichsüberschrift
+//  Neues Tool: id, icon (SVG-Komponente), label, navLabel, group, component
 // ══════════════════════════════════════════════════════════════════════════════
 export const TOOLS = [
   {
     id:        'kalkulator3d',
-    icon:      '◈',
+    Icon:      CalculatorIcon,
     label:     'Kostenrechner',
     navLabel:  'Kosten',
     group:     '3D-Druck',
@@ -19,16 +16,14 @@ export const TOOLS = [
   },
   {
     id:        'kalkulator3d-saved',
-    icon:      '◉',
+    Icon:      ArchiveIcon,
     label:     'Archiv',
     navLabel:  'Archiv',
     group:     '3D-Druck',
     component: SavedList,
   },
-  // { id:'newtool', icon:'◇', label:'Mein Tool', navLabel:'Tool', group:'Mein Bereich', component:MeinTool },
 ];
 
-// Werkzeug zum Gruppieren für Navigation
 export function getGroupedTools() {
   const groups = {};
   for (const t of TOOLS) {
@@ -36,5 +31,5 @@ export function getGroupedTools() {
     if (!groups[g]) groups[g] = [];
     groups[g].push(t);
   }
-  return Object.entries(groups); // [['3D-Druck', [...tools]], ...]
+  return Object.entries(groups);
 }