diff --git a/src/components/QueryNav/DropdownGroup.tsx b/src/components/QueryNav/DropdownGroup.tsx index 6df509c..56a937b 100644 --- a/src/components/QueryNav/DropdownGroup.tsx +++ b/src/components/QueryNav/DropdownGroup.tsx @@ -36,9 +36,9 @@ export const DropdownGroup = () => { // *** Param variables const seasonParam = searchParams.get('season') || new Date().getFullYear().toString(); - const eventParam = searchParams.get('event') || eventDefault; - const sessionParam = searchParams.get('session') || sessionDefault; - const driversParam = searchParams.get('drivers') || driverDefault; + const eventParam = searchParams.get('event') || ''; + const sessionParam = searchParams.get('session') || ''; + const driversParam = searchParams.get('drivers') || ''; // *** Handles hydration on page load // Populate state from params @@ -165,7 +165,7 @@ export const DropdownGroup = () => { action={(value) => dropdownAction('season', value)} /> { action={(value) => dropdownAction('event', value)} /> dropdownAction('session', value)} /> { const eventList = get(EventListState); // This indicated eventList has not been fetched has not loaded - if (eventName && eventList.length <= 0) { + // Or that no event has been input + if (!eventName || (eventName && eventList.length <= 0)) { return; } + // Find specfic event from event states const event = eventList.find((evt) => evt.EventName === eventName); // Set error if no matching event && there is an event specified if (!event && eventName !== eventDefault) { set(serverErrorState, eventErrorMsg); - return; + // return; } // Confirm event exists