#79 provided rooms stats on <schedule-talk> component from schedule a…

…nd favorites pages
voxxrin · Mar 31, 2024 · 37a46a0 · 37a46a0
1 parent 968d262
commit 37a46a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/mobile/src/views/event/FavoritesPage.vue b/mobile/src/views/event/FavoritesPage.vue
@@ -29,6 +29,7 @@
                     <template #talk="{ talk }">
                       <schedule-talk :talk="talk" :talk-stats="talkStatsRefByTalkId.get(talk.id.value)" :talk-notes="userEventTalkNotesRef.get(talk.id.value)"
                                      :is-highlighted="(talk, talkNotes) => talkNotes.isFavorite" :conf-descriptor="confDescriptor"
+                                     :room-stats="roomsStatsRefByRoomId?.[talk.room.id.value]"
                                      @talkClicked="openTalkDetails($event)" >
                         <template #upper-right="{ talk }">
                           <div class="room" v-if="confDescriptor?.features.roomsDisplayed">
@@ -88,6 +89,7 @@
   import NoResults from "@/components/ui/NoResults.vue";
   import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
   import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
+  import {useRoomsStats} from "@/state/useRoomsStats";
 
   const { LL } = typesafeI18n()
 
@@ -106,6 +108,7 @@
 
   const {firestoreEventTalkStatsRef: talkStatsRefByTalkId} = useEventTalkStats(eventId, talkIdsRef)
   const {userEventTalkNotesRef } = useUserEventTalkNotes(eventId, talkIdsRef)
+  const {firestoreRoomsStatsRef: roomsStatsRefByRoomId } = useRoomsStats(eventId)
 
   const favoritedTalkIdsRef = computed(() => {
       const userEventTalkNotes = toValue(userEventTalkNotesRef)

diff --git a/mobile/src/views/event/SchedulePage.vue b/mobile/src/views/event/SchedulePage.vue
@@ -55,7 +55,7 @@
                                               :talks="timeslot.talks">
                   <template #talk="{ talk }">
                     <ion-item class="listTalks-item" role="listitem">
-                      <schedule-talk :talk="talk" :talk-stats="talkStatsRefByTalkId.get(talk.id.value)" :talk-notes="userEventTalkNotesRef.get(talk.id.value)" @talkClicked="openTalkDetails($event)" :is-highlighted="(talk, talkNotes) => talkNotes.isFavorite" :conf-descriptor="confDescriptor">
+                      <schedule-talk :talk="talk" :talk-stats="talkStatsRefByTalkId.get(talk.id.value)" :room-stats="roomsStatsRefByRoomId?.[talk.room.id.value]" :talk-notes="userEventTalkNotesRef.get(talk.id.value)" @talkClicked="openTalkDetails($event)" :is-highlighted="(talk, talkNotes) => talkNotes.isFavorite" :conf-descriptor="confDescriptor">
                         <template #upper-right="{ talk }">
                           <talk-room :talk="talk" :conf-descriptor="confDescriptor" />
                         </template>
@@ -147,6 +147,7 @@ import TalkWatchLaterButton from "@/components/talk-card/TalkWatchLaterButton.vu
 import {useUserEventTalkNotes} from "@/state/useUserTalkNotes";
 import ProvideFeedbackTalkButton from "@/components/talk-card/ProvideFeedbackTalkButton.vue";
 import PoweredVoxxrin from "@/components/ui/PoweredVoxxrin.vue";
+import {useRoomsStats} from "@/state/useRoomsStats";
 
 const LOGGER = Logger.named("SchedulePage");
 
@@ -202,6 +203,7 @@ const talkIdsRef = computed(() => {
 
 const {firestoreEventTalkStatsRef: talkStatsRefByTalkId} = useEventTalkStats(eventId, talkIdsRef)
 const {userEventTalkNotesRef} = useUserEventTalkNotes(eventId, talkIdsRef)
+const {firestoreRoomsStatsRef: roomsStatsRefByRoomId } = useRoomsStats(eventId)
 
 const displayedTimeslotsRef = ref<LabelledTimeslotWithFeedback[]>([]) as Ref<LabelledTimeslotWithFeedback[]>;