diff --git a/movie-group-8/src/views/FilmDetails.vue b/movie-group-8/src/views/FilmDetails.vue index 4880f46bcb33e425fd8571e0bca0d24e79c32a8b..78ad50cd86412ef056e13b2c07552301bf8c1a65 100644 --- a/movie-group-8/src/views/FilmDetails.vue +++ b/movie-group-8/src/views/FilmDetails.vue @@ -63,6 +63,7 @@ import { useWatchlist } from '@/composables/useWatchlist.js' import WatchlistButton from '@/components/WatchlistButton.vue' import { getAuth } from 'firebase/auth' import { getFirestore, doc, getDoc } from 'firebase/firestore' +import { getAllReviews } from '@/composables/useReviews.js' const route = useRoute() const movie = ref(null) @@ -71,6 +72,8 @@ const loading = ref(true) const error = ref('') const movieId = ref(route.params.id) const { isInWatchlist } = useWatchlist(movieId, movie) +const reviews = ref([]) +const reviewsLoading = ref(true) function formatDate(dateString) { if (!dateString) return 'Unknown' @@ -114,6 +117,9 @@ onMounted(async () => { await fetchMovieDetails(id) await fetchMovieVideos(id) + const res = await getAllReviews(id) + reviews.value = res + const user = getAuth().currentUser if (user) { const db = getFirestore() @@ -122,6 +128,7 @@ onMounted(async () => { isInWatchlist.value = snap.exists() } + reviewsLoading.value = false loading.value = false }) </script>