diff --git a/src/components/UserProfileComponents/RatingComponents/Rating.vue b/src/components/UserProfileComponents/RatingComponents/Rating.vue index 1db98bfb010248d1cf3d554df1f946a6867e6dc9..6efa3b014f4c175b7af950ddb36119a7029f60f9 100644 --- a/src/components/UserProfileComponents/RatingComponents/Rating.vue +++ b/src/components/UserProfileComponents/RatingComponents/Rating.vue @@ -1,5 +1,17 @@ <template> - <ul v-if="rating != -1" class="flex justify-center"> + <ul v-if="isNaN(rating)" class="flex justify-center"> + <li> + <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> + {{ ratingType }}: + </p> + </li> + <li> + <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> + Ingen vurderinger + </p> + </li> + </ul> + <ul v-else class="flex justify-center"> <li> <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> {{ ratingType }}: @@ -18,21 +30,10 @@ </svg> </li> <li> - <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> + <!-- Trenger vi å vise i tekst når vi har stjerner? --> + <!-- <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> {{ rating }} out of 5 - </p> - </li> - </ul> - <ul v-else class="flex justify-center"> - <li> - <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> - {{ ratingType }}: - </p> - </li> - <li> - <p class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400"> - Ingen vurderinger - </p> + </p> --> </li> </ul> </template>