Skip to content

feat: redesign UnsupportedAttachment#3099

Merged
MartinCupela merged 1 commit intomasterfrom
feat/redesign/unsupported-attachment
Apr 9, 2026
Merged

feat: redesign UnsupportedAttachment#3099
MartinCupela merged 1 commit intomasterfrom
feat/redesign/unsupported-attachment

Conversation

@MartinCupela
Copy link
Copy Markdown
Contributor

🎯 Goal

We do not have official design for unsupported attachments, but I apply the same visual language that is applied to file attachments.

πŸ›  Implementation details

Added fonts.scss and temporarily have CSS variables for fonts that have the same value. This will be adjusted in the next PR that will aim to order the base styling files and variables a bit.

🎨 UI Changes

image image

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 8, 2026

Size Change: +454 B (+0.07%)

Total Size: 614 kB

πŸ“¦ View Changed
Filename Size Change
dist/cjs/index.js 237 kB +1 B (0%)
dist/css/index.css 45.4 kB +449 B (+1%)
dist/es/index.mjs 235 kB +4 B (0%)
ℹ️ View Unchanged
Filename Size
dist/cjs/audioProcessing.js 1.32 kB
dist/cjs/emojis.js 2.96 kB
dist/cjs/mp3-encoder.js 1.27 kB
dist/cjs/WithAudioPlayback.js 43.2 kB
dist/css/emoji-replacement.css 456 B
dist/es/audioProcessing.mjs 1.31 kB
dist/es/emojis.mjs 2.47 kB
dist/es/mp3-encoder.mjs 756 B
dist/es/WithAudioPlayback.mjs 43 kB

compressed-size-action

@MartinCupela MartinCupela merged commit 9156f6f into master Apr 9, 2026
8 checks passed
@MartinCupela MartinCupela deleted the feat/redesign/unsupported-attachment branch April 9, 2026 07:58
github-actions bot pushed a commit that referenced this pull request Apr 14, 2026
## [14.0.0-beta.7](v14.0.0-beta.6...v14.0.0-beta.7) (2026-04-14)

### ⚠ BREAKING CHANGES

* remove onlySenderCanEdit from MessageProps
* - Removed legacy notification text callback props from Message props:
  getDeleteMessageErrorNotification,
  getFetchReactionsErrorNotification,
  getFlagMessageErrorNotification,
  getFlagMessageSuccessNotification,
  getMarkMessageUnreadErrorNotification,
  getMarkMessageUnreadSuccessNotification,
  getMuteUserErrorNotification,
  getMuteUserSuccessNotification,
  getPinMessageErrorNotification.
Notification customization must now be done through notification
translators
(Streami18n translationBuilder topic: "notification") and/or custom
MessageActions.
* - Message action handlers no longer publish notifications internally.
Errors now propagate to call sites, which are responsible for
success/error notifications.
* - Removed ConnectionStatus component. Connection notification UI is app
responsibility now.
* externalize sidebar toggle and remove navOpen state from the SDK (#3088)
* remove deprecated APIs ahead of v14 stable (#3086)

### Bug Fixes

* adjust padding for messages containing only padding ([#3102](#3102)) ([443b9a8](443b9a8))
* **AudioPlayback:** improve wave progress bar smoothness and sizing ([#3094](#3094)) ([982cf2a](982cf2a))
* correct various UI glitches ([#3110](#3110)) ([6605f63](6605f63))
* **Giphy:** use fixed height for giphy preview to prevent layout shifts ([#3095](#3095)) ([30e45fa](30e45fa))
* **MessageList:** prevent jump-to-message snap-back from bottom autoscroll ([#3109](#3109)) ([be8ed26](be8ed26))

### Features

* add EmojiPicker plugin stylesheet ([#3108](#3108)) ([b4ed464](b4ed464))
* add MediaBadge ([#3103](#3103)) ([e15caa4](e15caa4))
* add new styles for unsupported attachments (preview, message, channel preview) ([#3107](#3107)) ([19a0add](19a0add))
* add notification API wrapper ([#3096](#3096)) ([2060768](2060768))
* externalize sidebar toggle and remove navOpen state from the SDK ([#3088](#3088)) ([dc16bb5](dc16bb5))
* introduce extended reaction list to a reactions detail component ([#3100](#3100)) ([b284802](b284802))
* redesign UnsupportedAttachment ([#3099](#3099)) ([9156f6f](9156f6f))
* remove onlySenderCanEdit prop from MessageProps ([#3098](#3098)) ([759cadf](759cadf))
* track upload progress in attachment preview components ([#3060](#3060)) ([8b13863](8b13863))

### Refactors

* remove deprecated APIs ahead of v14 stable ([#3086](#3086)) ([8317b73](8317b73)), closes [#1804](https://github.com/GetStream/stream-chat-react/issues/1804)
@stream-ci-bot
Copy link
Copy Markdown

πŸŽ‰ This PR is included in version 14.0.0-beta.7 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants