refactoring

src/components/NavigationTabs.js

@@ -10,6 +10,7 @@ const NavigationTabs = ({ isAdmin, onProtectedNavigate }) => {
 
   const tabs = [
     { to: '/', label: 'Konfiguration' },
+    { to: '/legacy', label: 'Tabelleneditor' },
     { to: '/admin', label: 'Admin' }
   ];
 

src/components/PickupConfigTable.js

@@ -24,6 +24,7 @@ const PickupConfigTable = ({
         </thead>
         <tbody>
           {config.map((item, index) => {
+            const itemId = item?.id;
             const normalizedRange = item.desiredDateRange
               ? { ...item.desiredDateRange }
               : item.desiredDate
@@ -39,7 +40,7 @@ const PickupConfigTable = ({
                   <input
                     type="checkbox"
                     checked={item.active}
-                    onChange={() => onToggleActive(index)}
+                    onChange={() => onToggleActive(itemId, index)}
                     className="h-5 w-5"
                   />
                 </td>
@@ -50,7 +51,7 @@ const PickupConfigTable = ({
                   <input
                     type="checkbox"
                     checked={item.checkProfileId}
-                    onChange={() => onToggleProfileCheck(index)}
+                    onChange={() => onToggleProfileCheck(itemId, index)}
                     className="h-5 w-5"
                   />
                 </td>
@@ -58,14 +59,14 @@ const PickupConfigTable = ({
                   <input
                     type="checkbox"
                     checked={item.onlyNotify}
-                    onChange={() => onToggleOnlyNotify(index)}
+                    onChange={() => onToggleOnlyNotify(itemId, index)}
                     className="h-5 w-5"
                   />
                 </td>
                 <td className="px-4 py-2">
                   <select
                     value={item.desiredWeekday || ''}
-                    onChange={(e) => onWeekdayChange(index, e.target.value, item.id)}
+                    onChange={(e) => onWeekdayChange(itemId, e.target.value, index)}
                     className="border rounded p-1 w-full"
                     disabled={hasDateRange}
                   >
@@ -84,7 +85,7 @@ const PickupConfigTable = ({
                       if (item.desiredWeekday) {
                         return;
                       }
-                      onRangePickerRequest(item.id);
+                      onRangePickerRequest(itemId, index);
                     }}
                     disabled={Boolean(item.desiredWeekday)}
                     className={`w-full border rounded p-2 text-left transition focus:outline-none focus:ring-2 focus:ring-blue-500 ${