Skip to content

feat: Initial UI for search view(https://wearezeta.atlassian.net/browse/WPB-20721)#21189

Open
arjita-mitra wants to merge 3 commits intodevfrom
feat/search-filter-sort-drive-WPB-20721
Open

feat: Initial UI for search view(https://wearezeta.atlassian.net/browse/WPB-20721)#21189
arjita-mitra wants to merge 3 commits intodevfrom
feat/search-filter-sort-drive-WPB-20721

Conversation

@arjita-mitra
Copy link
Copy Markdown
Contributor

@arjita-mitra arjita-mitra commented Apr 30, 2026

EpicWPB-20721 Search, Filters and Sort by

Wire drive initial search view and default view. Epic Link

Screenshot 2026-04-30 at 13 39 33 Screenshot 2026-04-30 at 13 39 42

@arjita-mitra arjita-mitra changed the title feat: Initial UI for search view feat: Initial UI for search view(https://wearezeta.atlassian.net/browse/WPB-20721) Apr 30, 2026
@arjita-mitra arjita-mitra force-pushed the feat/search-filter-sort-drive-WPB-20721 branch from 4ae2708 to 796b642 Compare April 30, 2026 11:51
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 30, 2026

🔗 Download Full Report Artifact

🧪 Playwright Test Summary

  • Passed: 14
  • Failed: 0
  • Skipped: 0
  • 🔁 Flaky: 1
  • 📊 Total: 15
  • Total Runtime: 111.1s (~ 1 min 51 sec)
specs/CriticalFlow/groupCalls-TC-8632.spec.ts (❌ 0 failed, ⚠️ 1 flaky)
  • ⚠️ Planning group call with sending various messages during call (tags: TC-8632, crit-flow-web)

e-maad
e-maad previously approved these changes Apr 30, 2026
Copy link
Copy Markdown
Contributor

@e-maad e-maad left a comment

Choose a reason for hiding this comment

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

LGTM, added few suggestions

data-uie-name="full-search-dismiss"
aria-label={t('fullsearchCancelCloseBtn')}
onClick={onSearchClear}
<input
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Did we stop consuming components from react-ui-kit?


{searchValue && (
<CloseIcon
css={{cursor: 'pointer', flexShrink: 0}}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Opportunity to move it in css file.


import {rootHomeIconStyles} from './CellsHeader.styles';

export const CellsRootHomeIcon = () => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We have all the icons in react-ui-kit

<div css={tabsWrapperStyles}>
<div
aria-hidden={isSharedDriveSearchViewOpen || undefined}
css={isSharedDriveSearchViewOpen ? tabsHiddenStyles : undefined}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
css={isSharedDriveSearchViewOpen ? tabsHiddenStyles : undefined}
css={isSharedDriveSearchViewOpen && tabsHiddenStyles}

css={{marginBottom: 0}}
onClick={onClickStartAudio}
onClick={event => {
currentFocusedElementRef.current = event.target as HTMLButtonElement;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Do we have to cast it as HTMLButtonElement?

@sonarqubecloud
Copy link
Copy Markdown

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