fix: specify which mailbox to load more from

Signed-off-by: Hamza <[email protected]>

Author: hamza221

src/components/EnvelopeList.vue

@@ -128,7 +128,7 @@
 				class="load-more"
 				@click="$emit('load-more')">
 				<AddIcon :size="16" />
-				{{ t('mail', 'Load more') }}
+				{{ name ? t('mail', 'Load more {name}', { name }): t('mail', 'Load more') }}
 			</div>
 			<div id="load-more-mail-messages" key="loadingMore" :class="{'icon-loading-small': loadingMore}" />
 		</transition-group>
@@ -196,6 +196,10 @@ export default {
 			type: Object,
 			required: true,
 		},
+		name: {
+			type: String,
+			default: '',
+		},
 		mailbox: {
 			type: Object,
 			required: true,

src/components/Mailbox.vue

@@ -17,6 +17,7 @@
 		<EmptyMailbox v-else-if="!hasMessages" key="empty" />
 		<EnvelopeList v-else
 			:account="account"
+			:name="name"
 			:mailbox="mailbox"
 			:search-query="searchQuery"
 			:envelopes="envelopesToShow"
@@ -61,6 +62,10 @@ export default {
 	},
 	mixins: [isMobile],
 	props: {
+		name: {
+			type: String,
+			default: '',
+		},
 		account: {
 			type: Object,
 			required: true,

src/components/MailboxThread.vue

@@ -53,6 +53,7 @@
 							</Popover>
 						</div>
 						<Mailbox v-show="hasFollowUpEnvelopes"
+							:name="t('mail', 'follow ups')"
 							:account="unifiedAccount"
 							:mailbox="followUpMailbox"
 							:search-query="appendToSearch(followUpQuery)"
@@ -81,6 +82,7 @@
 						</div>
 						<Mailbox v-show="hasImportantEnvelopes"
 							class="nameimportant"
+							:name="t('mail', 'important messages')"
 							:account="unifiedAccount"
 							:mailbox="unifiedInbox"
 							:search-query="appendToSearch(priorityImportantQuery)"
@@ -93,6 +95,7 @@
 							class="app-content-list-item section-title other"
 							:name="t('mail', 'Other')" />
 						<Mailbox class="nameother"
+							:name="t('mail', 'other messages')"
 							:account="unifiedAccount"
 							:mailbox="unifiedInbox"
 							:search-query="appendToSearch(priorityOtherQuery)"