hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

better attachment clustering, show 4-attachment clusters in 2x2 layout instead of 1x4

Browse source
This commit is contained in:
Henry Jameson 2026-05-10 16:43:26 +03:00
commit 4e438a96c4
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/gallery/gallery.js
View file

@ -42,11 +42,17 @@ const Gallery = {
if (this.size === 'hide') {
return attachments.map((item) => ({ minimal: true, items: [item] }))
}
console.log('<=')
const rows = this.grid
? [{ grid: true, items: attachments }]
: attachments
.reduce(
(acc, attachment, i) => {
const peek = attachments[i+1]
const nextEnd = peek == null
const nextWide = !nextEnd && !displayTypes.has(peek?.type)
// Inserting new row
if (attachment.type === 'audio') {
return [
...acc,
@ -61,18 +67,16 @@ const Gallery = {
{ items: [] },
]
}
const maxPerRow = 3
const attachmentsRemaining = this.attachments.length - i + 1
const currentRow = acc[acc.length - 1].items
currentRow.push(attachment)
if (
currentRow.length >= maxPerRow &&
attachmentsRemaining > maxPerRow
) {
return [...acc, { items: [] }]
if ((nextWide || nextEnd) && currentRow.length >= maxPerRow) {
const last = currentRow.splice(-1)[0]
return [...acc, { items: [last, attachment] }]
} else {
return acc
currentRow.push(attachment)
}
return acc
},
[{ items: [] }],
)