fix(frontend): MkNoteDetailedで削除された引用元が表示されない問題を修正 (#17776)

* fix(frontend): MkNoteDetailedで削除された引用元が表示されない問題を修正

* Update Changelog

* fix

CHANGELOG.md

@@ -40,6 +40,7 @@
 - Fix: チャートの描画終了後にリソースが解放されない問題を修正
 - Fix: ドライブの「このファイルからノートを作成」やギャラリーの「ノートで共有」、誕生日ウィジェットからのノート作成において、通常投稿の下書きが表示される問題を修正
 - Fix: QRコードリーダーがページを離れても停止しない問題を修正
+- Fix: ノートの詳細表示で削除された引用元が表示されない問題を修正
 
 ### Server
 - Feat: OpenTelemetryサポート

packages/frontend/src/components/MkNoteDetailed.vue

@@ -126,7 +126,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<div v-if="isEnabledUrlPreview">
 						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" style="margin-top: 6px;"/>
 					</div>
-					<div v-if="appearNote.renote" :class="$style.quote"><MkNoteSimple :note="appearNote.renote" :class="$style.quoteNote"/></div>
+					<div v-if="appearNote.renoteId" :class="$style.quote"><MkNoteSimple :note="appearNote?.renote ?? null" :class="$style.quoteNote"/></div>
 				</div>
 				<MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ti ti-device-tv"></i> {{ appearNote.channel.name }}</MkA>
 			</div>

packages/frontend/src/components/MkNoteSimple.vue

@@ -113,7 +113,6 @@ const showContent = ref(false);
 .deleted {
 	text-align: center;
 	padding: 8px !important;
-	margin: 8px 8px 0 8px;
 	--color: light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
 	background-size: auto auto;
 	background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, var(--color) 4px, var(--color) 14px);