mirrors/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2024-12-18 00:51:47 +03:00
Code Issues Projects Releases Packages Wiki Activity

feat(search): ✨ show hashtag stats and chart in autocomplete (#779)

Browse source
This commit is contained in:
Piotrek Tomczewski 2023-01-04 21:08:05 +01:00 committed by GitHub
parent 4eb9d52fc2
commit 6b5b1f2aed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
components/search/HashtagInfo.vue
View file

@ -1,5 +1,11 @@
<script setup lang="ts">
defineProps<{ hashtag: any }>()
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>
@ -11,9 +17,10 @@ defineProps<{ hashtag: any }>()
<span>
{{ hashtag.name }}
</span>
<span text-xs text-secondary>
{{ hashtag.following ? 'Following' : 'Not Following' }}
</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>