diff --git a/src/quo/components/community/channel_action/style.cljs b/src/quo/components/community/channel_action/style.cljs index cd4f10af6c..985643ed9e 100644 --- a/src/quo/components/community/channel_action/style.cljs +++ b/src/quo/components/community/channel_action/style.cljs @@ -6,7 +6,7 @@ [{:keys [big? disabled?]}] (cond-> {} disabled? (assoc :opacity 0.3) - big? (assoc :flex-grow 1) + big? (assoc :flex 1) (not big?) (assoc :width 104))) (defn channel-action diff --git a/src/quo/components/community/channel_action/view.cljs b/src/quo/components/community/channel_action/view.cljs index b876e27692..80e9408b33 100644 --- a/src/quo/components/community/channel_action/view.cljs +++ b/src/quo/components/community/channel_action/view.cljs @@ -14,9 +14,10 @@ on-press-in (rn/use-callback #(set-pressed true)) on-press-out (rn/use-callback #(set-pressed false))] [rn/view - {:style (style/channel-action-container - {:big? big? - :disabled? disabled?})} + {:accessibility-label :channel-action + :style (style/channel-action-container + {:big? big? + :disabled? disabled?})} [rn/pressable (cond-> {:style (style/channel-action {:big? big? diff --git a/src/status_im/contexts/preview/quo/community/channel_actions.cljs b/src/status_im/contexts/preview/quo/community/channel_actions.cljs index 2746a95770..d076bc35f4 100644 --- a/src/status_im/contexts/preview/quo/community/channel_actions.cljs +++ b/src/status_im/contexts/preview/quo/community/channel_actions.cljs @@ -34,6 +34,17 @@ :customization-color :blue :icon :i/muted}]}] [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 {:actions [{:label "Pinned Messages" :customization-color :blue