Skip to content

[Enhancement] Improve attaching and sending files and images #899

@metalisk

Description

@metalisk

Summary

Attachments in chats: many improvements and new features for better usability and UX/UI

Motivation

Better UX/UI

Detailed description

  1. Add retry button when files upload or ADM tx requests failed
  2. File attachment without comment styling improvement
  3. Show/Hide previews option on Settings page
  4. Slider improvements
  5. Validate transaction structure using Zod
  6. Display snackbar with error if the file does not exists on IPFS network
  7. (Preview and play video in chat) — separate task
  8. Styled snackbars improvements and more informative messages.
  9. Style message block when sending files
  10. Change maxFiles to 10 — maximum files to transfer in apps
  11. Update Send file/ Send image button in Menu and actions
  12. Update picked but not sent files selector
  13. Update how files are show in the Chat list and when quoted
  14. Hide/Deactivate "Copy" button when the attachment is without a message
  15. Show the previews immediately with a spinner while the files are being encrypted.
  16. Check file size before and after encryption.
  17. Fix scroll when adding/removing attached files
  18. Make previews size smaller for better looking
  19. Retry downloading images/files
  20. Performance improvements
  21. Show preview instead of a full image in the chat
  22. Better native support for download/preview files on Android
  23. Get CID from IPFS instead of generating it locally
  24. Move the download tasks to the background instead of running them only while the modal is open
  25. Fix spinner bug
  26. Do not send message until the file is loaded
  27. Check fallback for upload progress
  28. Now 250mb is a barrier for every single file instead of combination of all files attached to the message

Screenshots or videos

No response

Alternatives

No response

Proposed technical implementation

No response

Metadata

Metadata

Assignees

Labels

CSSStyling, theming, and layout written in SCSS/CSSIPFSFile sharing, decentralized storage, and IPFS-specific featuresJavaScriptFrontend or backend code in JavaScriptMessagingMessengers, communication protocols, news, mentionsPerformanceOptimizations for speed, storage, or network usageUX/UIUser interface and experience improvementsVueFrontend features or fixes primarily in Vue.jsenhancementNew feature or request

Projects

Status

In Progress

Relationships

None yet

Development

No branches or pull requests

Issue actions