Zack
e26cbba541
Refactor Reactions Row Button to shared-components ( #31993 )
...
* Refactoring of ReactionRowButton to shared component MVVM
* Removal of old component and creation of unit tests
* Update
* Update tests
* Update tests to mimic VM
* Update Lint Spacing
* Added onKeyDown to follow wcag rules
* Remove Unused code
* Update screenshots
* Removal of unessecery test and story
* Update snapshot
* Refactor reactions row VMs to granular setters and merge cheap snapshot updates
* Elist Fix
* Revert ReactionRowButtonToolTip Test
* Fix ReactionsRowButtonViewModel tooltip sync to use tooltip setProps
* Add dedicated ReactionsRowButtonViewModel unit tests for setters, tooltip sync, and click actions
* Better Wording On Functions
* Update snapshot
* Update packages/shared-components/src/message-body/ReactionsRowButton/ReactionsRowButtonView.tsx
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* use native button and tighten view model
* Update Snapshots + small fixes on reactionrow
* Removal of Null on viewmodel and adapting ReactionRow
* Update test and removal of unused test since me MVVMD ReactionRowButton
* align assertions with refactored update behavior
* FIx issue with classNames component
* Update snapshot
* Removal of old test snapshot
* Update Snapshot
* Implement Css + Snapshot Updates
* Update Snapshot and css to match old component style
* restore MatrixClientContext fallback in ReactionsRow for export/test rendering
* restore client fallback in ReactionsRow to preserve export rendering
* Remove Unused Pcss FIle
* Update Css
* Update misstake always having button default to disabled render
* Remove unsimiler css to original component
* Update Snapshot to reflect css adjustments
* Update css
* Update font to compund
* Update css to reflect old component
* Update css to compund
* Update Snapshot and css
* Update css
* Update HTML snapshot
* Update css
* Update Css
* Update snapshots
* Update HTML snapshot
* Update css + snapshot
* Update HTML snapshot
* Removal of mx css
* Update snapshot based on css removal
* Update Html snapshot
* Apply suggestion from @florianduros
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* remove setContext from ReactionsRowButtonViewModel
* Update packages/shared-components/src/message-body/ReactionsRowButton/ReactionsRowButtonView.tsx
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* add tooltipVm to ReactionsRowButtonViewSnapshot
* added compound token variables
* remove className from content and count inner elements
* use useMatrixClientContext() directly for ReactionsRowButtonViewModel
* Update snapshots
* Update snapshot + fix Typescript error on test file
* Removal of line-height in css
* Added line-height back and removed font: inherit;
* derive ReactionsRowButton className/ariaLabel types from HTML button attrs
* Update packages/shared-components/src/message-body/ReactionsRowButton/ReactionsRowButtonView.tsx
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* Update src/viewmodels/message-body/ReactionsRowButtonViewModel.ts
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* Update src/viewmodels/message-body/ReactionsRowButtonViewModel.ts
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* Update test/viewmodels/message-body/ReactionsRowButtonViewModel-test.tsx
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
* Update snapshots and lint issues
* Update model to respond to changes
* Update aria label on view
---------
Co-authored-by: Florian Duros <florian.duros@ormaz.fr>
2026-02-25 11:18:03 +00:00
