add date separation to report UI

This commit is contained in:
Hazelnoot 2025-05-28 02:05:31 -04:00
parent 4da3f29728
commit 645e27fc9e

View file

@ -48,9 +48,9 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<MkPagination v-slot="{items}" ref="reports" :pagination="pagination" :displayLimit="50"> <MkPagination v-slot="{items}" ref="reports" :pagination="pagination" :displayLimit="50">
<div class="_gaps"> <SkDateSeparatedList v-slot="{ item: report }" :items="items">
<XAbuseReport v-for="report in items" :key="report.id" :report="report" @resolved="resolved"/> <XAbuseReport :report="report" @resolved="resolved"/>
</div> </SkDateSeparatedList>
</MkPagination> </MkPagination>
</div> </div>
</div> </div>
@ -67,6 +67,7 @@ import { definePage } from '@/page.js';
import MkButton from '@/components/MkButton.vue'; import MkButton from '@/components/MkButton.vue';
import MkInfo from '@/components/MkInfo.vue'; import MkInfo from '@/components/MkInfo.vue';
import { store } from '@/store.js'; import { store } from '@/store.js';
import SkDateSeparatedList from '@/components/SkDateSeparatedList.vue';
const reports = useTemplateRef('reports'); const reports = useTemplateRef('reports');