From 2acdc509977f6aae5bba5a5577c611e6b62e9b2b Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 29 Apr 2025 17:52:52 +0900
Subject: [PATCH] Update MkNotifications.vue

---
 .../frontend/src/components/MkNotifications.vue   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkNotifications.vue b/packages/frontend/src/components/MkNotifications.vue
index fb42318530..fce635dbea 100644
--- a/packages/frontend/src/components/MkNotifications.vue
+++ b/packages/frontend/src/components/MkNotifications.vue
@@ -33,6 +33,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<XNotification v-else :class="$style.item" :notification="notification" :withTime="true" :full="true" :data-scroll-anchor="notification.id"/>
 			</template>
 		</component>
+		<button v-show="paginator.canFetchMore.value" key="_more_" v-appear="prefer.s.enableInfiniteScroll ? paginator.fetchOlder : null" :disabled="paginator.moreFetching.value" class="_button" :class="$style.more" @click="paginator.fetchOlder">
+			<div v-if="!paginator.moreFetching.value">{{ i18n.ts.loadMore }}</div>
+			<MkLoading v-else/>
+		</button>
 	</div>
 </MkPullToRefresh>
 </template>
@@ -147,7 +151,16 @@ defineExpose({
 	background: var(--MI_THEME-panel);
 }
 
-.item {
+.item:not(:last-child) {
 	border-bottom: solid 0.5px var(--MI_THEME-divider);
 }
+
+.more {
+	display: block;
+	width: 100%;
+	box-sizing: border-box;
+	padding: 16px;
+	background: var(--MI_THEME-panel);
+	border-top: solid 0.5px var(--MI_THEME-divider);
+}
 </style>