fix: display error if attachments exceed limit (#666)

This commit is contained in:
Shane H 2022-12-31 04:02:55 -05:00 committed by GitHub
parent 53fc28bf61
commit 4713db9adc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 8 deletions

View file

@ -54,6 +54,7 @@ const currentVisibility = $computed(() => {
})
let isUploading = $ref<boolean>(false)
let isExceedingAttachmentLimit = $ref<boolean>(false)
let failed = $ref<File[]>([])
async function handlePaste(evt: ClipboardEvent) {
@ -92,8 +93,11 @@ async function uploadAttachments(files: File[]) {
isUploading = true
failed = []
// TODO: display some kind of message if too many media are selected
// DONE
const limit = currentInstance.value!.configuration.statuses.maxMediaAttachments || 4
for (const file of files.slice(0, limit)) {
if (draft.attachments.length < limit) {
isExceedingAttachmentLimit = false
try {
const attachment = await masto.mediaAttachments.create({
file,
@ -106,6 +110,11 @@ async function uploadAttachments(files: File[]) {
failed = [...failed, file]
}
}
else {
isExceedingAttachmentLimit = true
failed = [...failed, file]
}
}
isUploading = false
}
@ -246,6 +255,9 @@ defineExpose({
</button>
</CommonTooltip>
</head>
<div v-if="isExceedingAttachmentLimit" pl-2 sm:pl-1 text-small>
{{ $t('state.attachments_exceed_server_limit') }}
</div>
<ol pl-2 sm:pl-1>
<li v-for="file in failed" :key="file.name">
{{ file.name }}

View file

@ -260,6 +260,7 @@
}
},
"state": {
"attachments_exceed_server_limit": "The number of attachments exceeded the limit per post.",
"edited": "(Edited)",
"editing": "Editing",
"loading": "Loading...",

View file

@ -260,6 +260,7 @@
}
},
"state": {
"attachments_exceed_server_limit": "The number of attachments exceeded the limit per post.",
"edited": "(Edited)",
"editing": "Editing",
"loading": "Loading...",