fix formatting

Author: BigSpaceships

src/frontend/src/components/EventCard.vue

@@ -24,7 +24,7 @@ import { useScreenStore } from '@/stores/screen';
 export default defineComponent({
   props: {
     event: Object as PropType<Event>,
-    isInPast: Boolean,
+    isInPast: Boolean
   },
   data() {
     let screenStore = useScreenStore();
@@ -40,8 +40,7 @@ export default defineComponent({
     eventPath() {
       if (this.$props.isInPast) {
         return `/history/${this.$props.event?.id}`;
-      }
-      else return `${this.$props.event?.id}`;
+      } else return `${this.$props.event?.id}`;
     }
   }
 });

src/frontend/src/components/EventDetails.vue

@@ -54,8 +54,7 @@ import EditCarButton from './EditCarButton.vue';
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, type PropType } from 'vue';
-import { type Event } from '@/models';
+import { defineComponent, inject } from 'vue';
 import { format } from 'date-fns';
 import { useAuthStore } from '@/stores/auth';
 import { useScreenStore } from '@/stores/screen';
@@ -65,15 +64,15 @@ import ShareEventButton from './ShareEventButton.vue';
 
 export default defineComponent({
   props: {
-    id: Number,
+    id: Number
   },
   data() {
     let screenStore = useScreenStore();
     let eventStore = useEventStore();
     return {
       historyMode: inject('historyMode'),
       eventStore,
-      screenStore,
+      screenStore
     };
   },
   computed: {
@@ -102,6 +101,6 @@ export default defineComponent({
   },
   created() {
     this.eventStore.setEventId(this.$props.id!);
-  },
+  }
 });
 </script>

src/frontend/src/components/NoEventDetails.vue

@@ -1,3 +1,3 @@
 <template>
   <p>Select an Event to see details</p>
-</template
+</template>

src/frontend/src/components/ShareEventButton.vue

@@ -11,7 +11,7 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
   props: {
-    eventId: Number,
+    eventId: Number
   },
   methods: {
     copyLink() {
@@ -24,10 +24,10 @@ export default defineComponent({
         navigator.clipboard.writeText(urlToCopy);
 
         popupStore.addPopup(PopupType.Success, 'Copied url for event to clipboard!');
-      } catch (err) {
+      } catch (_err) {
         popupStore.addPopup(PopupType.Danger, `Failed to copy url ${urlToCopy} to clipboard`);
       }
     }
-  },
-})
+  }
+});
 </script>

src/frontend/src/router/index.ts

@@ -19,12 +19,12 @@ const router = createRouter({
       children: [
         {
           path: '',
-          component: NoEventDetails,
+          component: NoEventDetails
         },
         {
           path: ':id',
           component: EventDetails,
-          props: true,
+          props: true
         }
       ]
     },
@@ -41,18 +41,18 @@ const router = createRouter({
       children: [
         {
           path: '',
-          component: NoEventDetails,
+          component: NoEventDetails
         },
         {
           path: ':id',
           component: EventDetails,
-          props: true,
+          props: true
         }
       ]
     },
     {
       path: '/event/:id',
-      beforeEnter: async (to, from) => {
+      beforeEnter: async (to, _from) => {
         const response = await fetch(`/api/v1/event/${to.params.id}`);
 
         if (response.status != 200) {
@@ -69,8 +69,8 @@ const router = createRouter({
           return { path: `${to.params.id}` };
         }
       },
-      component: NoEventDetails, // This never gets used but has to be here for the beforeEnter to be called
-    },
+      component: NoEventDetails // This never gets used but has to be here for the beforeEnter to be called
+    }
   ]
 });
 

src/frontend/src/stores/events.ts

@@ -8,7 +8,7 @@ function sortByStartDate(a: Event, b: Event) {
 export const useEventStore = defineStore('events', {
   state: () => ({
     events: [] as Event[],
-    id: -1 as number,
+    id: -1 as number
   }),
   getters: {
     selectedEvent(state) {
@@ -17,10 +17,8 @@ export const useEventStore = defineStore('events', {
       });
     },
     selectedEventCars(): Car[] | undefined {
-      let huh = this.selectedEvent;
-
-      return huh?.cars;
-    },
+      return this.selectedEvent?.cars;
+    }
   },
   actions: {
     addEvent(event: Event) {
@@ -43,7 +41,7 @@ export const useEventStore = defineStore('events', {
       if (id == null) {
         return;
       }
-      const index = this.events.findIndex(event => event.id == id);
+      const index = this.events.findIndex((event) => event.id == id);
       if (index > -1) {
         this.events.splice(index, 1);
       }

src/frontend/src/validators.ts

@@ -46,8 +46,8 @@ export function validateEvent(title: string, location: string, start: string, en
   if (new Date(start) > new Date(end)) {
     out.push('Start date cannot be after end.');
   }
-  if (new Date(end) < new Date()) {
-    out.push('Event cannot be in the past.');
-  }
+  // if (new Date(end) < new Date()) {
+  //   out.push('Event cannot be in the past.');
+  // }
   return out;
 }

src/frontend/src/views/HomeView.vue

@@ -28,24 +28,14 @@ const eventStore = useEventStore();
               :event="event"
               :key="index"
               :is-in-past="showPast"
+              @click="selectEvent()"
             />
             <CreateEventButton v-if="!showPast" />
           </div>
         </Transition>
         <!-- Right column: Display selected card details -->
         <Transition @after-leave="showList = true" name="mobile">
           <div class="noOverflow col-md-8 pb-1" v-if="!screenStore.mobile || showDetail">
-            <!-- 
-              <EventDetails
-              v-if="$props.id"
-              :event="eventStore.getEvent($props.id)"
-              :key="$props.id"
-            />
-
-            <div v-else>
-              <p>Select an Event to see details</p>
-            </div>
-            -->
             <RouterView />
           </div>
         </Transition>
@@ -55,15 +45,15 @@ const eventStore = useEventStore();
 </template>
 
 <script lang="ts">
-import { PopupType, type Event } from '@/models';
+import { PopupType } from '@/models';
 import { defineComponent } from 'vue';
 import { usePopupStore } from '@/stores/popup';
 import { useScreenStore } from '@/stores/screen';
 
 export default defineComponent({
   props: {
     showPast: Boolean,
-    id: Number,
+    id: Number
   },
   data() {
     let screenStore = useScreenStore();
@@ -98,19 +88,13 @@ export default defineComponent({
         popupStore.addPopup(PopupType.Danger, 'Failed to Get Events. An unknown error occured.');
       }
     },
-    selectEvent(event: Event) {
-      const eventStore = useEventStore();
-      // eventStore.selectEvent(event);
+    selectEvent() {
       if (this.screenStore.width < 768) {
         this.showList = false;
       }
     },
     returnHome() {
       this.showDetail = false;
-      if (this.screenStore.width < 768) {
-        const eventStore = useEventStore();
-        // eventStore.selectedEvent = null;
-      }
     }
   },
   created() {