Implemented review suggestions

Author: n-d-r-d-g

packages/frontendmu-nuxt/components/cards/EventCard.vue

@@ -13,9 +13,13 @@ const photoAlbumSource = appConfig.photoAlbumSource as string
 interface Props {
   event: Meetup
   isNextMeetup: boolean
-  isMeetupToday?: boolean
+  isMeetupToday: boolean
 }
 
+const isHighlightedEvent = computed(() =>
+  (!areThereMeetupsToday && isNextMeetup) || isMeetupToday,
+)
+
 function hasAlbum() {
   return Boolean(event && event.album && event?.album.toString() === 'null')
 }
@@ -57,7 +61,7 @@ function formatDate(date: Date, formatString: string) {
     class="group group/event in-card bg-white dark:bg-verse-700/30 dark:backdrop-blur-sm border-2 rounded-xl overflow-hidden hover:border-verse-500 transition-all duration-300"
     :class="[
       event?.album ? 'col-span-2 md:col-span-1' : 'md:col-span-1 col-span-2',
-      (!areThereMeetupsToday && isNextMeetup) || isMeetupToday ? 'border-green-600 dark:border-green-500' : 'border-verse-50 dark:border-white/10 ',
+      isHighlightedEvent ? 'border-green-600 dark:border-green-500' : 'border-verse-50 dark:border-white/10 ',
     ]"
   >
     <div
@@ -105,7 +109,10 @@ function formatDate(date: Date, formatString: string) {
               </template>
 
               <template v-if="isMeetupToday">
-                <span class="flex flex-row items-center gap-1 text-sm font-mono justify-end text-red-800 dark:text-red-300 ps-2 pe-3 rounded-md font-bold outline outline-1">
+                <span
+                  aria-label="This meetup is happening today"
+                  class="flex flex-row items-center gap-1 text-sm font-mono justify-end text-red-800 dark:text-red-300 ps-2 pe-3 rounded-md font-bold outline outline-1"
+                >
                   <Icon name="fad:armrecording" size="0.875em" class="motion-safe:animate-pulse" />
                   <span>TODAY</span>
                 </span>

packages/frontendmu-nuxt/utils/helpers.ts

@@ -96,6 +96,11 @@ export function getGithubUrl(username?: string) {
   return speaker_photo
 }
 
+/**
+ * Returns the timestamp in milliseconds for the given date at midnight.
+ * @param {Date} date - The date to convert
+ * @returns {number} Timestamp in milliseconds
+ */
 function dateAtMidnightInMs(date: Date) {
   const clonedDate = new Date(date)
 
@@ -104,14 +109,32 @@ function dateAtMidnightInMs(date: Date) {
   return clonedDate.getTime()
 }
 
+/**
+ * Checks if the given date is in the future relative to the reference date.
+ * @param {Date} date - The date to check
+ * @param {Date} now - The reference date (defaults to the current date)
+ * @returns {boolean} True if the date is in the future, false otherwise
+ */
 export function isDateInFuture(date: Date, now: Date = new Date()) {
   return dateAtMidnightInMs(date) > dateAtMidnightInMs(now)
 }
 
+/**
+ * Checks if the given date is in the past relative to the reference date.
+ * @param {Date} date - The date to check
+ * @param {Date} now - The reference date (defaults to the current date)
+ * @returns {boolean} True if the date is in the past, false otherwise
+ */
 export function isDateInPast(date: Date, now: Date = new Date()) {
   return dateAtMidnightInMs(date) < dateAtMidnightInMs(now)
-};
+}
 
+/**
+ * Checks if the given date is the same as the reference date.
+ * @param {Date} date - The date to check
+ * @param {Date} now - The reference date (defaults to the current date)
+ * @returns {boolean} True if the date is the same as the reference date, false otherwise
+ */
 export function isDateToday(date: Date, now: Date = new Date()) {
   return dateAtMidnightInMs(date) === dateAtMidnightInMs(now)
-};
+}