Meeting Cost Tracker

\n {activeTab === 'people' && (\n

\n {!showPersonForm && (\n \n )}\n\n {showPersonForm && (\n {\n setShowPersonForm(false);\n setEditingPerson(null);\n }}\n />\n )}\n\n

\n {people.length === 0 ? (\n

\n No people added yet. Add someone to get started.\n

\n ) : (\n people.map(person => (\n {\n setEditingPerson(person);\n setShowPersonForm(true);\n }}\n onDelete={() => deletePerson(person.id)}\n />\n ))\n )}\n

\n )}\n\n {activeTab === 'meetings' && (\n

\n {!showMeetingForm && (\n \n )}\n\n {showMeetingForm && (\n {\n setShowMeetingForm(false);\n setEditingMeeting(null);\n }}\n />\n )}\n\n

\n {meetings.length === 0 ? (\n

\n No meetings added yet. Add a meeting to get started.\n

\n ) : (\n meetings.map(meeting => (\n {\n if (meeting.startTime && !meeting.endTime) {\n alert('Cannot edit an active meeting. Please end the meeting first.');\n return;\n }\n setEditingMeeting(meeting);\n setShowMeetingForm(true);\n }}\n onDelete={() => deleteMeeting(meeting.id)}\n onStart={() => startMeeting(meeting.id)}\n onStop={() => stopMeeting(meeting.id)}\n />\n ))\n )}\n

\n )}\n

{person ? 'Edit Person' : 'Add Person'}

\n Name\n setName(e.target.value)}\n className={`w-full border ios-input ${errors.name ? 'border-red-500' : 'border-gray-300'}`}\n />\n {errors.name &&

{errors.name}

}\n

\n Phone\n setPhone(e.target.value)}\n className={`w-full border ios-input ${errors.phone ? 'border-red-500' : 'border-gray-300'}`}\n />\n {errors.phone &&

{errors.phone}

}\n

\n Hourly Rate ($)\n setRate(e.target.value)}\n step=\"0.01\"\n min=\"0\"\n className={`w-full border ios-input ${errors.rate ? 'border-red-500' : 'border-gray-300'}`}\n />\n {errors.rate &&

{errors.rate}

}\n

\n \n Cancel\n \n \n Save\n \n

{meeting ? 'Edit Meeting' : 'Add Meeting'}

\n Meeting Name\n setName(e.target.value)}\n className={`w-full border ios-input ${errors.name ? 'border-red-500' : 'border-gray-300'}`}\n />\n {errors.name &&

{errors.name}

}\n

\n Attendees\n {people.length === 0 ? (\n

\n No people available. Add people first.\n

\n ) : (\n

\n {people.map(person => (\n

\n toggleAttendee(person.id)}\n className=\"w-5 h-5 mr-2\"\n />\n \n {person.name}\n {formatCurrency(person.rate)}/hr\n \n

\n ))}\n

\n )}\n {errors.attendees &&

{errors.attendees}

}\n

\n \n Cancel\n \n \n Save\n \n

{person ? 'Edit Person' : 'Add Person'}

{person.name}

{meeting ? 'Edit Meeting' : 'Add Meeting'}

{meeting.name}

MattPayneOrg

May19