status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix the channel-action when the text is too long (#19462) 

* fix: don't increase action with text

* addressed review comments
This commit is contained in:
Lungu Cristian 2024-04-09 10:43:33 +03:00 committed by GitHub
parent edd1d0661d
commit 4e1851d53c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/quo/components/community/channel_action/style.cljs
View File

@ -6,7 +6,7 @@
[{:keys [big? disabled?]}] [{:keys [big? disabled?]}]
(cond-> {} (cond-> {}
disabled? (assoc :opacity 0.3) disabled? (assoc :opacity 0.3)
big? (assoc :flex-grow 1) big? (assoc :flex 1)
(not big?) (assoc :width 104))) (not big?) (assoc :width 104)))
(defn channel-action (defn channel-action

3
src/quo/components/community/channel_action/view.cljs
View File

@ -14,7 +14,8 @@
on-press-in (rn/use-callback #(set-pressed true)) on-press-in (rn/use-callback #(set-pressed true))
on-press-out (rn/use-callback #(set-pressed false))] on-press-out (rn/use-callback #(set-pressed false))]
[rn/view [rn/view
{:style (style/channel-action-container {:accessibility-label :channel-action
:style (style/channel-action-container
{:big? big? {:big? big?
:disabled? disabled?})} :disabled? disabled?})}
[rn/pressable [rn/pressable

11
src/status_im/contexts/preview/quo/community/channel_actions.cljs
View File

@ -34,6 +34,17 @@
:customization-color :blue :customization-color :blue
:icon :i/muted}]}] :icon :i/muted}]}]
[rn/view {:height 50}] [rn/view {:height 50}]
[quo/channel-actions
{:actions
[{:big? true
:label "Pinned Messages sometimes can get very long and we have to take care of that"
:customization-color :blue
:icon :i/pin
:counter-value 5}
{:label "Mute chat"
:customization-color :blue
:icon :i/muted}]}]
[rn/view {:height 50}]
[quo/channel-actions [quo/channel-actions
{:actions [{:label "Pinned Messages" {:actions [{:label "Pinned Messages"
:customization-color :blue :customization-color :blue