Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use compact rendering for following feed

Browse source
This commit is contained in:
Hazel K 2024-10-01 14:37:09 -04:00
parent 6cb4ee7879
commit ae3863bed0
2 changed files with 114 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/frontend/src/pages/following-feed.vue
View file

@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #default="{ items: notes }">
<MkDateSeparatedList v-slot="{ item: note }" :items="notes" :class="$style.list" :noGap="true">
<MkNote :key="note.id" :note="note" :withHardMute="true" :collapseRenote="true" :collapseReplies="true"/>
<FollowingFeedEntry :note="note"/>
</MkDateSeparatedList>
</template>
</MkPagination>
@ -36,7 +36,7 @@ export const mutualsTab = 'mutuals' as const;
</script>
<script lang="ts" setup>
import { computed, defineAsyncComponent, ref, shallowRef } from 'vue';
import { computed, ref, shallowRef } from 'vue';
import { definePageMetadata } from '@/scripts/page-metadata.js';
import { i18n } from '@/i18n.js';
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
@ -44,16 +44,9 @@ import MkPullToRefresh from '@/components/MkPullToRefresh.vue';
import MkPagination, { Paging } from '@/components/MkPagination.vue';
import { infoImageUrl } from '@/instance.js';
import MkDateSeparatedList from '@/components/MkDateSeparatedList.vue';
import { defaultStore } from '@/store.js';
import { Tab } from '@/components/global/MkPageHeader.tabs.vue';
import { PageHeaderItem } from '@/types/page-header.js';
// Load the correct note component
const MkNote = defineAsyncComponent(
() => defaultStore.state.noteDesign === 'sharkey'
? import('@/components/SkNote.vue')
: import('@/components/MkNote.vue'),
);
import FollowingFeedEntry from '@/components/FollowingFeedEntry.vue';
const props = withDefaults(defineProps<{
initialTab?: FollowingFeedTab,