Modify image shortening logic

This commit is contained in:
Bojan Mojsilovic 2024-01-18 17:38:12 +01:00
parent 1b421a6da0
commit 123ab1c653

View File

@ -420,16 +420,20 @@ const ParsedNote: Component<{
const gridClass = groupCount < groupGridLimit ? `grid-${groupCount}` : 'grid-large'; const gridClass = groupCount < groupGridLimit ? `grid-${groupCount}` : 'grid-large';
if (isNoteTooLong()) return <></>;
setWordsDisplayed(w => w + 100);
return <div class={`imageGrid ${gridClass}`}> return <div class={`imageGrid ${gridClass}`}>
<For each={item.tokens}> <For each={item.tokens}>
{(token, index) => { {(token, index) => {
if (isNoteTooLong()) return;
let image = media?.actions.getMedia(token, 'o'); let image = media?.actions.getMedia(token, 'o');
const url = image?.media_url || getMediaUrlDefault(token); const url = image?.media_url || getMediaUrlDefault(token);
// There are consecutive images, so reduce the impact of each image in order to show them grouped if (props.shorten && index() > 11) {
setWordsDisplayed(w => w + 10 * groupCount); return <></>;
}
return <NoteImage return <NoteImage
class={`noteimage_gallery image_${props.note.post.noteId} cell_${index()}`} class={`noteimage_gallery image_${props.note.post.noteId} cell_${index()}`}