Unterstützung: Mitarbeiter tragen sich selbst als Unterstützung ein

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/WorksheetList.jsx

@@ -1,7 +1,8 @@
 import { useState } from 'react'
-import { FaClock, FaUser, FaExchangeAlt, FaComment, FaChevronDown, FaChevronUp, FaPen, FaCheck } from 'react-icons/fa'
+import { FaClock, FaUser, FaExchangeAlt, FaComment, FaChevronDown, FaChevronUp, FaPen, FaCheck, FaHandsHelping } from 'react-icons/fa'
 import { serviceTypeLabel, needsTimeEntry, worksheetTone } from '../lib/ticketForm'
 import { statusLabel } from '../lib/ticketStatus'
+import { parseSupporters } from '../lib/support'
 
 // Kopffarbe je Zustand (worksheetTone): orange = Git-Zeit fehlt, gruen = Git-Zeit eingetragen
 const TONES = {
@@ -24,7 +25,7 @@ const headerButtonStyle = {
   marginRight: '8px',
 }
 
-export default function WorksheetList({ worksheets, totalTime, loading, onTogglePlan, aboHoursAllowed = true, canEditTimes, onEditTimes }) {
+export default function WorksheetList({ worksheets, totalTime, loading, onTogglePlan, aboHoursAllowed = true, canEditTimes, onEditTimes, canAddSupport, onOwnSupport, currentUserId }) {
   const [expandedWorksheets, setExpandedWorksheets] = useState({})
   if (loading) {
     return (
@@ -177,6 +178,23 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                           : <><FaPen className="me-1" /> Zeiten bearbeiten</>}
                       </button>
                     )}
+                    {onOwnSupport && canAddSupport?.(ws) && (
+                      <button
+                        type="button"
+                        className="btn btn-sm"
+                        title="Eintragen, dass du bei dieser Arbeit unterstützt hast"
+                        style={headerButtonStyle}
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          onOwnSupport(ws)
+                        }}
+                      >
+                        <FaHandsHelping className="me-1" />{' '}
+                        {parseSupporters(ws.supporters).some((s) => s.employeeId === currentUserId)
+                          ? 'Meine Unterstützung bearbeiten'
+                          : 'Ich habe unterstützt'}
+                      </button>
+                    )}
                     {onTogglePlan && !ws.isComment && Number(ws.totalTime) > 0 && (aboHoursAllowed || ws.countsToPlan) && (
                       <button
                         type="button"