From 24eaec80bddc50eb59c1fba08bb4536e77d075a6 Mon Sep 17 00:00:00 2001 From: Omar Basem Date: Wed, 24 May 2023 22:10:33 +0400 Subject: [PATCH] Fix composer opacity on reenter screen (#16010) * fix: composer opacity on re-enter screen --- .../contexts/chat/composer/effects.cljs | 24 ++++++------------- 1 file changed, 7 insertions(+), 17 deletions(-) diff --git a/src/status_im2/contexts/chat/composer/effects.cljs b/src/status_im2/contexts/chat/composer/effects.cljs index 2439fae651..8380e04781 100644 --- a/src/status_im2/contexts/chat/composer/effects.cljs +++ b/src/status_im2/contexts/chat/composer/effects.cljs @@ -8,6 +8,7 @@ [status-im.async-storage.core :as async-storage] [status-im2.contexts.chat.composer.constants :as constants] [status-im2.contexts.chat.composer.keyboard :as kb] + [status-im2.contexts.chat.composer.utils :as utils] [utils.debounce :as debounce] [utils.number :as utils.number] [utils.re-frame :as rf])) @@ -83,20 +84,9 @@ (reanimated/animate container-opacity 1))) (defn empty-effect - [{:keys [text-value maximized? focused?]} - {:keys [container-opacity]} - images? - link-previews? - reply? - audio] - (when - (and (empty? @text-value) - (not images?) - (not link-previews?) - (not reply?) - (not @maximized?) - (not @focused?) - (not audio)) + [{:keys [container-opacity]} + {:keys [input-text images link-previews? reply audio]}] + (when (utils/empty-input? input-text images link-previews? reply audio) (reanimated/animate-delay container-opacity constants/empty-opacity 200))) (defn component-will-unmount @@ -113,7 +103,7 @@ (fn [] ;; Some subscriptions can arrive after the composer if focused (esp. link ;; previews), so we need to react to changes in `max-height` outside of the - ;; `on-focus` handler. + ;; `on-focus` handler (when @focused? (let [new-height (min max-height (reanimated/get-shared-value last-height))] (reanimated/set-shared-value last-height new-height) @@ -123,7 +113,7 @@ (defn initialize [props state animations {:keys [max-height] :as dimensions} - {:keys [chat-input images link-previews? reply audio]}] + {:keys [chat-input images audio] :as subs}] (max-height-effect state dimensions animations) (rn/use-effect (fn [] @@ -135,7 +125,7 @@ (images-effect props animations images) (link-preview-effect state) (audio-effect state animations audio) - (empty-effect state animations images link-previews? reply audio) + (empty-effect animations subs) (kb/add-kb-listeners props state animations dimensions) #(component-will-unmount props)) [max-height]))