web3privacy/explorer-app
1
0
Fork 0
mirror of https://github.com/web3privacy/explorer-app.git synced 2024-10-15 16:46:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(detail): remove hardcoded data

Browse source
This commit is contained in:
Daniel Klein 2024-09-24 12:14:06 +02:00
parent 116f91f17c
commit dc49035861
1 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
components/Project/ProjectHeading.vue
View file

@ -7,12 +7,23 @@ const props = defineProps<{
const isLargeScreen = useMediaQuery('(min-width: 1024px)')
const { usecases, ecosystems, categories } = storeToRefs(useData())
const selectedMobileRating = ref<ProjectRating>()
function onSelectMobileRating(rating: ProjectRating) {
selectedMobileRating.value = selectedMobileRating.value?.type === rating.type ? undefined : rating
}
const projectCategories = computed(() => {
return categories.value.filter(cat => props.project.categories.includes(cat.id)).map(cat => cat.name).join(', ')
})
const projectUsecases = computed(() => {
return usecases.value.filter(u => props.project.usecases?.includes(u.id)).map(u => u.name).join(', ')
})
const projectEcosystems = computed(() => {
return ecosystems.value.filter(e => props.project.ecosystem?.includes(e.id)).map(e => e.name).join(', ')
})
const logo = props.project?.logos?.at(0)?.url
</script>
@ -37,10 +48,28 @@ const logo = props.project?.logos?.at(0)?.url
:src="logo ?? '/no-image-1-1.svg'"
class="bg-app-bg-grey object-cover h-full vertical-align[middle] block w-full h-[300px] "
/>
<div flex items-center gap-4px absolute top-12px right-12px bg-app-danger text-12px leading-16px font-bold px-8px py-4px rounded-full v-if="project.sunset">
<UnoIcon i-material-symbols-dangerous text-16px />
<div
v-if="project.sunset"
flex
items-center
gap-4px
absolute
top-12px
right-12px
bg-app-danger
text-12px
leading-16px
font-bold
px-8px
py-4px
rounded-full
>
<UnoIcon
i-material-symbols-dangerous
text-16px
/>
SUNSET
<p></p>
<p />
</div>
</div>
</ClientOnly>
@ -100,7 +129,7 @@ const logo = props.project?.logos?.at(0)?.url
text-app-white
col-span-9
>
Swap, Mixer
{{ projectUsecases }}
</p>
</div>
<div
@ -129,7 +158,7 @@ const logo = props.project?.logos?.at(0)?.url
text-app-white
col-span-9
>
Dapp, Network
{{ projectCategories }}
</p>
</div>
<div
@ -148,7 +177,7 @@ const logo = props.project?.logos?.at(0)?.url
text-app-white
col-span-9
>
Ethereum, Secret Network
{{ projectEcosystems }}
</p>
</div>
</div>