Explain why the provide ticket modal is empty when nothing is providable

Previously ProvideTicketModal rendered nothing when no ticket type had a
nonzero provided-ticket maximum for the event, so clicking the menu item
appeared to do nothing. Show a message in the modal instead.

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

Author: nbudin

app/javascript/EventsApp/TeamMemberAdmin/ProvideTicketModal.tsx

@@ -56,15 +56,15 @@ function ProvideTicketModal(): React.JSX.Element {
 
   const { convention } = data;
 
-  if (getProvidableTicketTypes(data.convention).length < 1) {
-    return <></>;
-  }
-
   const mutationInProgress = navigation.state === 'submitting';
   const onClose = () => {
     navigate(`/events/${eventId}/team_members`);
   };
 
+  const hasTicket = teamMember?.user_con_profile.ticket != null;
+  const canProvideTickets = getProvidableTicketTypes(convention).length > 0;
+  const showCloseOnly = hasTicket || !canProvideTickets;
+
   return (
     <Modal visible>
       <fetcher.Form action="." method="POST">
@@ -78,21 +78,30 @@ function ProvideTicketModal(): React.JSX.Element {
                 <TicketingStatusDescription userConProfile={teamMember.user_con_profile} convention={convention} />
               </p>
 
-              {teamMember && !teamMember.user_con_profile.ticket ? (
+              {!hasTicket && canProvideTickets ? (
                 <ProvidableTicketTypeSelection
                   convention={convention}
                   value={ticketTypeId}
                   onChange={setTicketTypeId}
                   disabled={mutationInProgress}
                 />
               ) : null}
+
+              {!hasTicket && !canProvideTickets ? (
+                <p>
+                  {t('events.teamMemberAdmin.noProvidableTickets', {
+                    eventTitle: convention.event.title,
+                    ticketNamePlural: convention.ticketNamePlural,
+                  })}
+                </p>
+              ) : null}
             </>
           ) : null}
 
           <ErrorDisplay graphQLError={error} />
         </div>
         <div className="modal-footer">
-          {teamMember && teamMember.user_con_profile.ticket ? (
+          {showCloseOnly ? (
             <button type="button" className="btn btn-primary" onClick={onClose}>
               {t('buttons.ok')}
             </button>

locales/en.json

@@ -995,6 +995,7 @@
       "nameHeader": "Name",
       "newHeader": "Add {{ teamMemberName }}",
       "newPageTitle": "Add {{ teamMemberName }} - {{ eventTitle }}",
+      "noProvidableTickets": "{{ eventTitle }} is not able to provide any {{ ticketNamePlural }}.",
       "nonEventProvidedTicketDescription": "{{ name }} has a {{ ticketType }} {{ ticketName }}.",
       "provideTicketButton": "Provide {{ ticketName }}",
       "provideTicketChoice_one": "Provide {{ ticketType }} {{ ticketName }} ({{ count }} remaining)",