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

feat(sunset): add and fix sunset logic

Browse source
This commit is contained in:
Daniel Klein 2024-09-23 21:14:59 +02:00
parent 3549be3617
commit 73fb1e3fdc
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/CategorySelectBox.vue
View file

@ -27,6 +27,7 @@ function onOptionSelected(value: string | number) {
<div class="relative font-700 font-24px"> <div class="relative font-700 font-24px">
<HeadlessListboxButton <HeadlessListboxButton
class="relative cursor-pointer py-6px px-14px text-left border-2px bg-app-white text-app-black text-xs sm:text-sm sm:leading-6" class="relative cursor-pointer py-6px px-14px text-left border-2px bg-app-white text-app-black text-xs sm:text-sm sm:leading-6"
:class="{ 'text-app-danger!': isOptionSelected?.value === 'sunset' }"
> >
<span class="block truncate mr-8px font">{{ isOptionSelected?.label }} <span <span class="block truncate mr-8px font">{{ isOptionSelected?.label }} <span
v-if="titleShowCount" v-if="titleShowCount"
@ -58,7 +59,7 @@ function onOptionSelected(value: string | number) {
> >
<li <li
class="w-full relative cursor-pointer select-none py-8px p-16px bg-app-black text-app-white" class="w-full relative cursor-pointer select-none py-8px p-16px bg-app-black text-app-white"
:class="[active ? 'text-app-white' : 'text-app-white']" :class="[active ? 'text-app-white' : 'text-app-white', { 'text-app-danger!': option.value === 'sunset' }]"
> >
<span <span
class="block truncate" class="block truncate"

16
composables/useData.ts
View file

@ -51,9 +51,9 @@ export const useData = defineStore('data', () => {
const data = await $fetch<{ const data = await $fetch<{
categories: Category[] categories: Category[]
projects: Project[] projects: Project[]
project_phase: { id: string, name: string }[] phases: { id: string, name: string }[]
asset_custody_type: { id: string, name: string }[] custodys: { id: string, name: string }[]
sign_in_type_requirments: { id: string, name: string }[] requirements: { id: string, name: string }[]
usecases: Usecase[] usecases: Usecase[]
ecosystems: Ecosystem[] ecosystems: Ecosystem[]
assets: Asset[] assets: Asset[]
@ -73,9 +73,9 @@ export const useData = defineStore('data', () => {
features.value = data.features features.value = data.features
ranks.value = data.ranks ranks.value = data.ranks
projectPhase.value = data.project_phase?.map(p => ({ id: p.id.toLowerCase(), name: p.name })) projectPhase.value = data.phases?.map(p => ({ id: p.id.toLowerCase(), name: p.name }))
assetCustody.value = data.asset_custody_type.map(a => ({ id: a.id.toLowerCase(), name: a.name })) assetCustody.value = data.custodys.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 })) signInRequirments.value = data.requirements.map(s => ({ id: s.id.toLowerCase(), name: s.name }))
} }
catch (e) { catch (e) {
console.error(e) console.error(e)
@ -129,7 +129,7 @@ export const useData = defineStore('data', () => {
selectedCategoryId.value !== 'all' ? project.categories.includes(selectedCategoryId.value) : true, selectedCategoryId.value !== 'all' ? project.categories.includes(selectedCategoryId.value) : true,
) )
.filter(project => .filter(project =>
selectedUsecaseId.value !== 'all' ? project.usecases?.map(u => u.toLowerCase()).includes(selectedUsecaseId.value.toLowerCase()) : true, selectedUsecaseId.value !== 'all' ? selectedUsecaseId.value === 'sunset' ? project.sunset : project.usecases?.map(u => u.toLowerCase()).includes(selectedUsecaseId.value.toLowerCase()) : true,
) )
.filter(project => .filter(project =>
selectedEcosystemId.value !== 'all' ? project.ecosystem?.map(e => e.toLowerCase()).includes(selectedEcosystemId.value.toLowerCase()) : true, selectedEcosystemId.value !== 'all' ? project.ecosystem?.map(e => e.toLowerCase()).includes(selectedEcosystemId.value.toLowerCase()) : true,
@ -204,7 +204,7 @@ export const useData = defineStore('data', () => {
} }
}).sort((a, b) => b.projects.length - a.projects.length) }).sort((a, b) => b.projects.length - a.projects.length)
return groupedProjects return groupedProjects.filter(group => group.projects.length > 0)
}) })
const filteredProjectsCount = computed(() => filteredProjects.value.length) const filteredProjectsCount = computed(() => filteredProjects.value.length)