UI: добавить карусель вложений

shine-UI/js/pages/channel-view.js

@@ -21,7 +21,8 @@ import { renderUserAvatar } from '../components/avatar-image.js';
 import { openArweaveAttachmentManager } from '../components/arweave-attachment-manager.js';
 import {
   composeMessageWithAttachments,
-  createAttachmentListElement,
+  createAttachmentCarouselElement,
+  MAX_MESSAGE_ATTACHMENTS,
   parseMessageAttachments,
 } from '../services/attachment-format.js';
 import { loadProfileSnapshot } from '../services/user-profile-params.js';
@@ -392,6 +393,10 @@ function openReplyModal({ onSubmit, navigate }) {
 
   root.querySelector('#reply-attach')?.addEventListener('click', async () => {
     try {
+      if (attachments.length >= MAX_MESSAGE_ATTACHMENTS) {
+        errorEl.textContent = `Можно прикрепить максимум ${MAX_MESSAGE_ATTACHMENTS} файлов.`;
+        return;
+      }
       const item = await openArweaveAttachmentManager({
         login: state.session.login,
         storagePwd: state.session.storagePwdInMemory,
@@ -546,6 +551,10 @@ function openAddMessageModal({ channelName, onSubmit, navigate }) {
 
   root.querySelector('#channel-message-attach')?.addEventListener('click', async () => {
     try {
+      if (attachments.length >= MAX_MESSAGE_ATTACHMENTS) {
+        errorEl.textContent = `Можно прикрепить максимум ${MAX_MESSAGE_ATTACHMENTS} файлов.`;
+        return;
+      }
       const item = await openArweaveAttachmentManager({
         login: state.session.login,
         storagePwd: state.session.storagePwdInMemory,
@@ -1004,7 +1013,10 @@ function renderPostCard(post, {
 
   card.append(authorTile);
   if (!isDeletedMessage && parsedBody.attachments.length > 0) {
-    card.append(createAttachmentListElement(parsedBody.attachments, { gateway: state.entrySettings.arweaveServer }));
+    card.append(createAttachmentCarouselElement(parsedBody.attachments, {
+      gateway: state.entrySettings.arweaveServer,
+      messageTimestampMs: post.timestampMs,
+    }));
   }
   card.append(body);