diff --git a/CHANGELOG.md b/CHANGELOG.md index df3f477ca..7ddc12399 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,7 @@ You should also include the user name that made the change. - Client: Add instance-cloud widget @syuilo - Client: Add rss-marquee widget @syuilo - Client: Removing entries from a clip @futchitwo +- Client: Poll highlights in explore page @syuilo - Make possible to delete an account by admin @syuilo - Improve player detection in URL preview @mei23 - Add Badge Image to Push Notification #8012 @tamaina diff --git a/packages/client/src/pages/explore.featured.vue b/packages/client/src/pages/explore.featured.vue index 12de9e412..ecb68928a 100644 --- a/packages/client/src/pages/explore.featured.vue +++ b/packages/client/src/pages/explore.featured.vue @@ -1,16 +1,30 @@ <template> <MkSpacer :content-max="800"> - <XNotes ref="notes" :pagination="pagination"/> + <MkTab v-model="tab"> + <option value="notes">{{ i18n.ts.notes }}</option> + <option value="polls">{{ i18n.ts.poll }}</option> + </MkTab> + <XNotes v-if="tab === 'notes'" :pagination="paginationForNotes"/> + <XNotes v-else-if="tab === 'polls'" :pagination="paginationForPolls"/> </MkSpacer> </template> <script lang="ts" setup> import XNotes from '@/components/notes.vue'; +import MkTab from '@/components/tab.vue'; import { i18n } from '@/i18n'; -const pagination = { +const paginationForNotes = { endpoint: 'notes/featured' as const, limit: 10, offsetMode: true, }; + +const paginationForPolls = { + endpoint: 'notes/polls/recommendation' as const, + limit: 10, + offsetMode: true, +}; + +let tab = $ref('notes'); </script>