Merge pull request #26 from web3privacy/dk/rating-mobile-hover

Dk/rating mobile hover

components/Project/ProjectRating.vue

@@ -31,24 +31,11 @@ const backgroundColorByScore = computed(() => {
   const colorIndex = Math.floor(normalizedPercentage / 10)
   return colors[colorIndex]
 })
-const isLargeScreen = useMediaQuery('(min-width: 1024px)')
-
-function onClick() {
-  if (isLargeScreen.value)
-    return
-  if (props.disablePopover)
-    emits('selected')
-  else
-    isPopoverVisible.value = !isPopoverVisible.value
-}
 
 const isPopoverVisible = ref(false)
 
 let hideTimeout: ReturnType<typeof setTimeout> | null = null
 const showPopover = () => {
-  if (!isLargeScreen.value)
-    return
-  console.log('show')
   if (hideTimeout) {
     clearTimeout(hideTimeout)
     hideTimeout = null
@@ -57,8 +44,6 @@ const showPopover = () => {
 }
 
 const hidePopover = () => {
-  if (!isLargeScreen.value)
-    return
   hideTimeout = setTimeout(() => {
     isPopoverVisible.value = false
   }, 100) // Delay of 200ms before hiding
@@ -83,7 +68,7 @@ const hidePopover = () => {
       cursor-pointer
       @mouseenter="showPopover"
       @mouseleave="hidePopover"
-      @click.prevent="onClick()"
+      @click.prevent=" emits('selected')"
     >
       <div
         v-for="point of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]"

composables/useData.ts

@@ -73,7 +73,7 @@ export const useData = defineStore('data', () => {
       features.value = data.features
       ranks.value = data.ranks
 
-      projectPhase.value = data.project_phase.map(p => ({ id: p.id.toLowerCase(), name: p.name }))
+      projectPhase.value = data.project_phase?.map(p => ({ id: p.id.toLowerCase(), name: p.name }))
       assetCustody.value = data.asset_custody_type.map(a => ({ id: a.id.toLowerCase(), name: a.name }))
       signInRequirments.value = data.sign_in_type_requirments.map(s => ({ id: s.id.toLowerCase(), name: s.name }))
     }