summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHazelnoot <acomputerdog@gmail.com>2025-06-14 00:36:34 -0400
committerHazelnoot <acomputerdog@gmail.com>2025-06-14 00:36:34 -0400
commit0a1e10e18b9083c363f8f216f2f8d65ecbabcea7 (patch)
tree95af1572ed27ad4928aa116c512f0f977ee802d2
parentmerge: Fix uncaught exception hooks and add more shutdown logging. (!1111) (diff)
downloadsharkey-0a1e10e18b9083c363f8f216f2f8d65ecbabcea7.tar.gz
sharkey-0a1e10e18b9083c363f8f216f2f8d65ecbabcea7.tar.bz2
sharkey-0a1e10e18b9083c363f8f216f2f8d65ecbabcea7.zip
auto-select the first page of reactions on the note "reactions" pgae
-rw-r--r--packages/frontend/src/components/MkNoteDetailed.vue5
-rw-r--r--packages/frontend/src/components/SkNoteDetailed.vue5
2 files changed, 10 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index b941d776de..4c9ee8694f 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -414,6 +414,11 @@ provide(DI.mfmEmojiReactCallback, (reaction) => {
const tab = ref(props.initialTab);
const reactionTabType = ref<string | null>(null);
+// Auto-select the first page of reactions
+watch(appearNote, n => {
+ reactionTabType.value ??= Object.keys(n.reactions)[0] ?? null;
+}, { immediate: true });
+
const renotesPagination = computed<Paging>(() => ({
endpoint: 'notes/renotes',
limit: 10,
diff --git a/packages/frontend/src/components/SkNoteDetailed.vue b/packages/frontend/src/components/SkNoteDetailed.vue
index f678c85431..0cfb8f45be 100644
--- a/packages/frontend/src/components/SkNoteDetailed.vue
+++ b/packages/frontend/src/components/SkNoteDetailed.vue
@@ -420,6 +420,11 @@ provide(DI.mfmEmojiReactCallback, (reaction) => {
const tab = ref(props.initialTab);
const reactionTabType = ref<string | null>(null);
+// Auto-select the first page of reactions
+watch(appearNote, n => {
+ reactionTabType.value ??= Object.keys(n.reactions)[0] ?? null;
+}, { immediate: true });
+
const renotesPagination = computed<Paging>(() => ({
endpoint: 'notes/renotes',
limit: 10,