fix: move isRenote check to note.vue

This commit is contained in:
Freeplay 2023-05-28 19:14:01 -04:00
parent 5475b6ed44
commit 18156487d9
2 changed files with 53 additions and 57 deletions

View File

@ -17,10 +17,10 @@
:note="note"
:detailedView="true"
/>
<MkLoading v-else-if="appearNote.reply" mini />
<MkLoading v-else-if="note.reply" mini />
<MkNoteSub
v-if="appearNote.reply"
:note="appearNote.reply"
v-if="note.reply"
:note="note.reply"
class="reply-to"
:detailedView="true"
/>
@ -29,21 +29,21 @@
ref="noteEl"
@contextmenu.stop="onContextmenu"
tabindex="-1"
:note="appearNote"
:note="note"
detailedView
></MkNote>
<MkTab v-model="tab" :style="'underline'" @update:modelValue="loadTab">
<option value="replies">
<!-- <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> -->
<span v-if="appearNote.repliesCount > 0" class="count">{{
appearNote.repliesCount
<span v-if="note.repliesCount > 0" class="count">{{
note.repliesCount
}}</span>
{{ i18n.ts._notification._types.reply }}
</option>
<option value="renotes" v-if="appearNote.renoteCount > 0">
<option value="renotes" v-if="note.renoteCount > 0">
<!-- <i class="ph-repeat ph-bold ph-lg"></i> -->
<span class="count">{{ appearNote.renoteCount }}</span>
<span class="count">{{ note.renoteCount }}</span>
{{ i18n.ts._notification._types.renote }}
</option>
<option value="reactions" v-if="reactionsCount > 0">
@ -71,10 +71,10 @@
class="reply"
:conversation="replies"
:detailedView="true"
:parentId="appearNote.id"
:parentId="note.id"
/>
<MkLoading
v-else-if="tab === 'replies' && appearNote.repliesCount > 0"
v-else-if="tab === 'replies' && note.repliesCount > 0"
/>
<MkNoteSub
@ -85,7 +85,7 @@
class="reply"
:conversation="replies"
:detailedView="true"
:parentId="appearNote.id"
:parentId="note.id"
/>
<MkLoading v-else-if="tab === 'quotes' && directQuotes.length > 0" />
@ -104,7 +104,7 @@
/>
<!-- </MkPagination> -->
<MkLoading
v-else-if="tab === 'renotes' && appearNote.renoteCount > 0"
v-else-if="tab === 'renotes' && note.renoteCount > 0"
/>
<div v-if="tab === 'clips' && clips.length > 0" class="_content clips">
@ -132,7 +132,7 @@
<MkReactedUsers
v-if="tab === 'reactions' && reactionsCount > 0"
:note-id="appearNote.id"
:note-id="note.id"
></MkReactedUsers>
</div>
<div v-else class="_panel muted" @click="muted.muted = false">
@ -217,23 +217,11 @@ if (noteViewInterruptors.length > 0) {
});
}
const isRenote =
note.renote != null &&
note.text == null &&
note.fileIds.length === 0 &&
note.poll == null;
const el = ref<HTMLElement>();
const noteEl = $ref();
const menuButton = ref<HTMLElement>();
const starButton = ref<InstanceType<typeof XStarButton>>();
const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
const renoteTime = ref<HTMLElement>();
const reactButton = ref<HTMLElement>();
let appearNote = $computed(() =>
isRenote ? (note.renote as misskey.entities.Note) : note
);
const isMyRenote = $i && $i.id === note.userId;
const showContent = ref(false);
const isDeleted = ref(false);
const muted = ref(getWordSoftMute(note, $i, defaultStore.state.mutedWords));
@ -263,14 +251,14 @@ const keymap = {
useNoteCapture({
rootEl: el,
note: $$(appearNote),
note: $$(note),
isDeletedRef: isDeleted,
});
function reply(viaKeyboard = false): void {
pleaseLogin();
os.post({
reply: appearNote,
reply: note,
animation: !viaKeyboard,
}).then(() => {
focus();
@ -284,7 +272,7 @@ function react(viaKeyboard = false): void {
reactButton.value,
(reaction) => {
os.api("notes/reactions/create", {
noteId: appearNote.id,
noteId: note.id,
reaction: reaction,
});
},
@ -355,27 +343,27 @@ function blur() {
directReplies = null;
os.api("notes/children", {
noteId: appearNote.id,
noteId: note.id,
limit: 30,
depth: 12,
}).then((res) => {
res = res.reduce((acc, note) => {
if (note.userId == appearNote.userId) {
if (note.userId == note.userId) {
return [...acc, note];
}
return [note, ...acc];
}, []);
replies.value = res;
directReplies = res
.filter((note) => note.replyId === appearNote.id)
.filter((note) => note.replyId === note.id)
.reverse();
directQuotes = res.filter((note) => note.renoteId === appearNote.id);
directQuotes = res.filter((note) => note.renoteId === note.id);
});
conversation = null;
if (appearNote.replyId) {
if (note.replyId) {
os.api("notes/conversation", {
noteId: appearNote.replyId,
noteId: note.replyId,
limit: 30,
}).then((res) => {
conversation = res.reverse();
@ -385,14 +373,14 @@ if (appearNote.replyId) {
clips = null;
os.api("notes/clips", {
noteId: appearNote.id,
noteId: note.id,
}).then((res) => {
clips = res;
});
// const pagination = {
// endpoint: "notes/renotes",
// noteId: appearNote.id,
// noteId: note.id,
// limit: 10,
// };
@ -402,7 +390,7 @@ renotes = null;
function loadTab() {
if (tab === "renotes" && !renotes) {
os.api("notes/renotes", {
noteId: appearNote.id,
noteId: note.id,
limit: 100,
}).then((res) => {
renotes = res;
@ -414,7 +402,7 @@ async function onNoteUpdated(noteData: NoteUpdatedEvent): Promise<void> {
const { type, id, body } = noteData;
let found = -1;
if (id === appearNote.id) {
if (id === note.id) {
found = 0;
} else {
for (let i = 0; i < replies.value.length; i++) {

View File

@ -13,7 +13,7 @@
:name="$store.state.animation ? 'fade' : ''"
mode="out-in"
>
<div v-if="note" class="note">
<div v-if="appearNote" class="note">
<div v-if="showNext" class="_gap">
<XNotes
class="_content"
@ -33,12 +33,12 @@
</MkButton>
<div class="note _gap">
<MkRemoteCaution
v-if="note.user.host != null"
:href="note.url ?? note.uri"
v-if="appearNote.user.host != null"
:href="appearNote.url ?? appearNote.uri"
/>
<XNoteDetailed
:key="note.id"
v-model:note="note"
:key="appearNote.id"
v-model:note="appearNote"
class="note"
/>
</div>
@ -71,7 +71,6 @@
<script lang="ts" setup>
import { computed, defineComponent, watch } from "vue";
import * as misskey from "calckey-js";
import XNote from "@/components/MkNote.vue";
import XNoteDetailed from "@/components/MkNoteDetailed.vue";
import XNotes from "@/components/MkNotes.vue";
import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
@ -90,15 +89,17 @@ let hasNext = $ref(false);
let showPrev = $ref(false);
let showNext = $ref(false);
let error = $ref();
let isRenote = $ref(false);
let appearNote = $ref<null | misskey.entities.Note>();
const prevPagination = {
endpoint: "users/notes" as const,
limit: 10,
params: computed(() =>
note
appearNote
? {
userId: note.userId,
untilId: note.id,
userId: appearNote.userId,
untilId: appearNote.id,
}
: null
),
@ -109,10 +110,10 @@ const nextPagination = {
endpoint: "users/notes" as const,
limit: 10,
params: computed(() =>
note
appearNote
? {
userId: note.userId,
sinceId: note.id,
userId: appearNote.userId,
sinceId: appearNote.id,
}
: null
),
@ -129,6 +130,13 @@ function fetchNote() {
})
.then((res) => {
note = res;
isRenote =
note.renote != null &&
note.text == null &&
note.fileIds.length === 0 &&
note.poll == null;
appearNote = isRenote ? (note.renote as misskey.entities.Note) : note;
Promise.all([
os.api("users/notes", {
userId: note.userId,
@ -160,19 +168,19 @@ const headerTabs = $computed(() => []);
definePageMetadata(
computed(() =>
note
appearNote
? {
title: i18n.t("noteOf", {
user: note.user.name || note.user.username,
user: appearNote.user.name || appearNote.user.username,
}),
subtitle: new Date(note.createdAt).toLocaleString(),
avatar: note.user,
path: `/notes/${note.id}`,
subtitle: new Date(appearNote.createdAt).toLocaleString(),
avatar: appearNote.user,
path: `/notes/${appearNote.id}`,
share: {
title: i18n.t("noteOf", {
user: note.user.name || note.user.username,
user: appearNote.user.name || appearNote.user.username,
}),
text: note.text,
text: appearNote.text,
},
}
: null