zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix: ui search items

Browse source
This commit is contained in:
Anthony Fu 2023-01-05 23:50:14 +01:00
parent 954a6bd5a1
commit 916793f5ae
6 changed files with 45 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/search/HashtagInfo.vue
View file

@ -1,26 +0,0 @@
<script setup lang="ts">
import type { History, Tag } from 'masto'
const { hashtag } = defineProps<{ hashtag: Tag }>()
const totalTrend = $computed(() =>
hashtag.history?.reduce((total: number, item) => total + (Number(item.accounts) || 0), 0),
)
</script>
<template>
<div flex flex-row items-center gap2>
<div w-12 h-12 rounded-full bg-active flex place-items-center place-content-center>
<div i-ri:hashtag text-secondary text-lg />
</div>
<div flex flex-col>
<span>
{{ hashtag.name }}
</span>
<CommonTrending :history="hashtag.history" text-xs text-secondary truncate />
</div>
<div v-if="totalTrend" w-12 h-12 flex place-items-center place-content-center ml-auto>
<CommonTrendingCharts :history="hashtag.history" text-xs text-secondary />
</div>
</div>
</template>