ticket type on attendee list filters

Signed-off-by: Tomás Castillo <[email protected]>
fntechgit · Nov 13, 2024 · c024602 · c024602
1 parent 538ad7e
commit c024602
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/src/actions/attendee-actions.js b/src/actions/attendee-actions.js
@@ -140,7 +140,10 @@ const parseFilters = (filters, term = null) => {
     Array.isArray(filters.ticketTypeFilter) &&
     filters.ticketTypeFilter.length > 0
   ) {
-    filter.push(`ticket_type_id==${filters.ticketTypeFilter.join("||")}`);
+    const ticketTypesIds = filters.ticketTypeFilter.map((tt) =>
+      tt.hasOwnProperty("id") ? tt.id : tt
+    );
+    filter.push(`ticket_type_id==${ticketTypesIds.join("||")}`);
   }
 
   if (filters?.companyFilter?.length > 0) {

diff --git a/src/pages/attendees/summit-attendees-list-page.js b/src/pages/attendees/summit-attendees-list-page.js
@@ -23,7 +23,8 @@ import {
   SelectableTable,
   DateTimePicker,
   TagInput,
-  CompanyInput
+  CompanyInput,
+  TicketTypesInput
 } from "openstack-uicore-foundation/lib/components";
 import { epochToMomentTimeZone } from "openstack-uicore-foundation/lib/utils/methods";
 import { SegmentedControl } from "segmented-control";
@@ -160,7 +161,7 @@ class SummitAttendeeListPage extends React.Component {
   }
 
   handleChangeFlowEvent(ev) {
-    const { value, id } = ev.target;
+    const { value } = ev.target;
     this.props.setCurrentFlowEvent(value);
   }
 
@@ -298,7 +299,7 @@ class SummitAttendeeListPage extends React.Component {
     );
   }
 
-  handleSort(index, key, dir, func) {
+  handleSort(index, key, dir) {
     const { page, perPage, term } = this.props;
     const { attendeeFilters, selectedColumns } = this.state;
     key = key === "name" ? "full_name" : key;
@@ -327,7 +328,7 @@ class SummitAttendeeListPage extends React.Component {
     );
   }
 
-  handleNewAttendee(ev) {
+  handleNewAttendee() {
     const { currentSummit, history } = this.props;
     history.push(`/app/summits/${currentSummit.id}/attendees/new`);
   }
@@ -490,8 +491,7 @@ class SummitAttendeeListPage extends React.Component {
       currentFlowEvent,
       selectedAll,
       badgeFeatures,
-      badgeTypes,
-      sendEmails
+      badgeTypes
     } = this.props;
 
     const {
@@ -605,10 +605,6 @@ class SummitAttendeeListPage extends React.Component {
       }
     ];
 
-    const ticketTypesDDL = [
-      ...currentSummit.ticket_types.map((t) => ({ label: t.name, value: t.id }))
-    ];
-
     const featuresTypesDDL = [
       ...badgeFeatures.map((bf) => ({ label: bf.name, value: bf.id }))
     ];
@@ -922,15 +918,17 @@ class SummitAttendeeListPage extends React.Component {
               className="col-md-6"
               style={{ minHeight: "61px", paddingTop: "8px" }}
             >
-              <Dropdown
+              <TicketTypesInput
                 id="ticketTypeFilter"
                 value={attendeeFilters.ticketTypeFilter}
                 onChange={this.handleExtraFilterChange}
-                options={ticketTypesDDL}
-                isClearable
                 placeholder={T.translate(
                   "attendee_list.placeholders.ticket_type"
                 )}
+                version="v2"
+                summitId={currentSummit.id}
+                optionsLimit={100}
+                defaultOptions
                 isMulti
               />
             </div>