Add New Attendee

\n {onCancel && (\n \n ×\n \n )}\n

\n\n

\n \n Event Password *\n \n setFormData(prev => ({ ...prev, password: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter event management password\"\n />\n

\n Required to verify you have permission to add attendees\n

\n\n

\n \n Attendee Name *\n \n setFormData(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Enter attendee's full name\"\n />\n

\n\n

\n \n External ID (Optional)\n \n setFormData(prev => ({ ...prev, external_id: e.target.value }))}\n className=\"w-full px-3 py-2 border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--accent-primary)] focus:border-transparent\"\n placeholder=\"Employee ID, badge number, etc. (optional)\"\n />\n

\n\n {success && (\n

{success}

\n )}\n\n {error && (\n

{error}

\n )}\n\n

\n \n {isSubmitting ? 'Adding Attendee...' : 'Add Attendee'}\n \n \n {onCancel && (\n \n Cancel\n \n )}\n

\n\n

How it works:

• Enter the event management password to authenticate

• Add the attendee's name (must be unique for this event)

• External ID is optional but helpful for tracking

• The attendee will immediately appear in the sign-in list

\n );\n}\n","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/colel/rust-nyc-event-signin/code/frontend/components/AddAttendee.tsx","extension","actionData","errors"]