From 8d8057036a4300c6dd07388c7708ac8865411c66 Mon Sep 17 00:00:00 2001 From: Gheorghe Pinzaru Date: Fri, 21 Aug 2020 14:06:47 +0300 Subject: [PATCH] Hide placeholder timestamp with opacity Fixes #11084 Signed-off-by: Gheorghe Pinzaru --- src/status_im/ui/screens/chat/message/message.cljs | 6 +++--- src/status_im/ui/screens/chat/styles/message/message.cljs | 7 ++----- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/src/status_im/ui/screens/chat/message/message.cljs b/src/status_im/ui/screens/chat/message/message.cljs index 0c91591f2a..6abe7d9706 100644 --- a/src/status_im/ui/screens/chat/message/message.cljs +++ b/src/status_im/ui/screens/chat/message/message.cljs @@ -124,11 +124,11 @@ acc)) (defn render-parsed-text [message tree] - (reduce (fn [acc e] (render-block message acc e)) [react/view {}] tree)) + (reduce (fn [acc e] (render-block message acc e)) [:<>] tree)) -(defn render-parsed-text-with-timestamp [{:keys [timestamp-str outgoing] :as message} tree] +(defn render-parsed-text-with-timestamp [{:keys [timestamp-str] :as message} tree] (let [elements (render-parsed-text message tree) - timestamp [react/text {:style (style/message-timestamp-placeholder outgoing)} + timestamp [react/text {:style (style/message-timestamp-placeholder)} (str " " timestamp-str)] last-element (peek elements)] ;; Using `nth` here as slightly faster than `first`, roughly 30% diff --git a/src/status_im/ui/screens/chat/styles/message/message.cljs b/src/status_im/ui/screens/chat/styles/message/message.cljs index a6a8e6545c..e7fb2d95a7 100644 --- a/src/status_im/ui/screens/chat/styles/message/message.cljs +++ b/src/status_im/ui/screens/chat/styles/message/message.cljs @@ -32,11 +32,8 @@ :align-self :flex-end}) (defn message-timestamp-placeholder - [outgoing] - (assoc message-timestamp - :color (if outgoing - colors/blue - colors/blue-light))) + [] + (merge message-timestamp {:opacity 0})) (defn message-timestamp-text [justify-timestamp? outgoing rtl?]