History page sorts by date descending from @BigSpaceships

History page sorts by date descending (PR #16)

Author: tallen42

src/frontend/src/components/CreateEventModal.vue

@@ -136,6 +136,7 @@ export default defineComponent({
           needsRide: []
         };
         eventStore.addEvent(newEvent);
+        eventStore.sortEvents(false);
         eventStore.selectEvent(newEvent);
 
         popupStore.addPopup(PopupType.Success, 'Event Created!');

src/frontend/src/stores/events.ts

@@ -16,11 +16,16 @@ export const useEventStore = defineStore('events', {
   actions: {
     addEvent(event: Event) {
       this.events.push(event);
-      this.events.sort(sortByStartDate);
     },
     setEvents(events: Event[]) {
       this.events = events;
+    },
+    sortEvents(past: Boolean) {
       this.events.sort(sortByStartDate);
+
+      if (past) {
+          this.events.reverse();
+      }
     },
     removeEvent(event: Event | null) {
       if (event == null) {

src/frontend/src/views/HomeView.vue

@@ -88,6 +88,7 @@ export default defineComponent({
         const data = await response.json();
         const eventStore = useEventStore();
         eventStore.setEvents(data);
+        eventStore.sortEvents(this.showPast);
         eventStore.selectedEvent = null;
         this.loading = false;
       } catch (error) {