Skip to content

feat: introduce Search component redesign#2981

Open
arnautov-anton wants to merge 2 commits intomasterfrom
feat/search-redesign
Open

feat: introduce Search component redesign#2981
arnautov-anton wants to merge 2 commits intomasterfrom
feat/search-redesign

Conversation

@arnautov-anton
Copy link
Contributor

Add minimal Search redesign.

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

Size Change: +1.17 kB (+0.28%)

Total Size: 418 kB

Filename Size Change
./dist/Channel-Ds-OXi7f.js 20.1 kB +20.1 kB (new file) 🆕
./dist/Channel-MhCKe2pq.js 0 B -20.9 kB (removed) 🏆
./dist/ChannelPreview-CqYTq6Ri.js 0 B -8.82 kB (removed) 🏆
./dist/ChannelPreview-NRzPvEvY.js 13.6 kB +13.6 kB (new file) 🆕
./dist/cjs/emojis.js 2.97 kB -2 B (-0.07%)
./dist/cjs/experimental.js 3.6 kB -15 B (-0.41%)
./dist/cjs/index.js 208 kB -4.11 kB (-1.94%)
./dist/css/index.css 38.2 kB +232 B (+0.61%)
./dist/limits-DuUuDo7N.js 0 B -63.4 kB (removed) 🏆
./dist/limits-hlXTSgcn.js 64.5 kB +64.5 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size
./dist/audioProcessing-BbOs2wMd.js 1.32 kB
./dist/cjs/mp3-encoder.js 1.27 kB
./dist/css/v2/emoji-mart.css 1.84 kB
./dist/css/v2/emoji-replacement.css 300 B
./dist/css/v2/index.css 39.4 kB
./dist/css/v2/index.layout.css 22.8 kB

compressed-size-action

className='str-chat__channel-preview__action-buttons-context-menu'
dialogManagerId={dialogManager?.id}
id={dialog.id}
items={[
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@arnautov-anton maybe for ChannelPreviewActionButtons we could use the same pattern as we used for MessageActions - have default structure defined + filter hook / logic + possibility to provide custom actions.

new UserSearchSource(client),
new MessageSearchSource(client),
// new UserSearchSource(client),
// new MessageSearchSource(client),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would keep message search source because it is essentially search for channels by message text. In the preview text we would show the matching text by which the item was selected to the search results.

<Button
appearance='outline'
circular
className='str-chat__search-input--clear-button'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
className='str-chat__search-input--clear-button'
className='str-chat__search-input__clear-button'

border-radius: var(--radius-max);
border: 1px solid var(--input-border-default);
color: var(--input-text-placeholder);
font-family: var(--typography-font-family-sans);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would use typography shorthand font: var(--str-chat__matching-font-text)

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants