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: use custom color for send button (#17146)

This commit is contained in:
BalogunofAfrica 2023-09-01 10:47:21 +01:00 committed by GitHub
parent 7e9ba0768a
commit d35dbff044
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/status_im2/contexts/chat/composer/actions/view.cljs
View File

@ -45,6 +45,7 @@
[props {:keys [text-value] :as state} [props {:keys [text-value] :as state}
animations window-height images? animations window-height images?
btn-opacity z-index edit] btn-opacity z-index edit]
(let [customization-color (rf/sub [:profile/customization-color])]
(rn/use-effect (fn [] (rn/use-effect (fn []
(if (or (seq @text-value) images?) (if (or (seq @text-value) images?)
(when (or (not= @z-index 1) (not= (reanimated/get-shared-value btn-opacity) 1)) (when (or (not= @z-index 1) (not= (reanimated/get-shared-value btn-opacity) 1))
@ -52,7 +53,8 @@
(js/setTimeout #(reanimated/animate btn-opacity 1) 50)) (js/setTimeout #(reanimated/animate btn-opacity 1) 50))
(when (or (not= @z-index 0) (not= (reanimated/get-shared-value btn-opacity) 0)) (when (or (not= @z-index 0) (not= (reanimated/get-shared-value btn-opacity) 0))
(reanimated/animate btn-opacity 0) (reanimated/animate btn-opacity 0)
(js/setTimeout #(when (and (empty? @text-value) (not images?)) (reset! z-index 0)) (js/setTimeout #(when (and (empty? @text-value) (not images?))
(reset! z-index 0))
300)))) 300))))
[(and (empty? @text-value) (not images?))]) [(and (empty? @text-value) (not images?))])
[reanimated/view [reanimated/view
@ -60,9 +62,10 @@
[quo/button [quo/button
{:icon-only? true {:icon-only? true
:size 32 :size 32
:customization-color customization-color
:accessibility-label :send-message-button :accessibility-label :send-message-button
:on-press #(send-message props state animations window-height edit)} :on-press #(send-message props state animations window-height edit)}
:i/arrow-up]]) :i/arrow-up]]))
(defn send-button (defn send-button
[props {:keys [text-value] :as state} animations window-height images? edit btn-opacity] [props {:keys [text-value] :as state} animations window-height images? edit btn-opacity]