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

UI in the upper section of the chat differs from the lower section (#19679)

This commit is contained in:
Parvesh Monu 2024-04-22 20:29:29 +05:30 committed by GitHub
parent e104a9a935
commit 96b09eb862
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 48 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/status_im/contexts/chat/messenger/messages/list/style.cljs
View File

@ -20,16 +20,27 @@
:right 0 :right 0
:height (+ top-margin messages.constants/header-container-radius)})) :height (+ top-margin messages.constants/header-container-radius)}))
(defn header-bottom-part (defn header-bottom-container
[bottom theme top-margin] [bottom top-margin]
(reanimated/apply-animations-to-style (reanimated/apply-animations-to-style
{:bottom bottom} {:bottom bottom}
(merge {:margin-top top-margin}))
(shadows/get 2 theme :inverted)
{:background-color (colors/theme-colors colors/white colors/neutral-95 theme) (defn header-bottom-part
:padding-horizontal 20 [theme]
:border-radius 20 {:background-color (colors/theme-colors colors/white colors/neutral-95 theme)
:margin-top top-margin}))) :padding-horizontal 20
:border-radius 20})
(defn header-bottom-shadow
[theme]
(assoc
(shadows/get 2 theme :inverted)
:left 0
:right 0
:height 40
:position :absolute
:border-radius 20))
(defn header-image (defn header-image
[scale top left theme] [scale top left theme]

56
src/status_im/contexts/chat/messenger/messages/list/view.cljs
View File

@ -260,33 +260,35 @@
[:<> [:<>
[reanimated/view [reanimated/view
{:style (style/background-container background-color background-opacity top-margin)}] {:style (style/background-container background-color background-opacity top-margin)}]
[reanimated/view {:style (style/header-bottom-part bottom theme top-margin)} [reanimated/view {:style (style/header-bottom-container bottom top-margin)}
[list-footer-avatar [rn/view {:style (style/header-bottom-shadow theme)}]
{:distance-from-list-top distance-from-list-top [rn/view {:style (style/header-bottom-part theme)}
:display-name display-name [list-footer-avatar
:online? online? {:distance-from-list-top distance-from-list-top
:theme theme :display-name display-name
:profile-picture photo-path :online? online?
:group-chat group-chat :theme theme
:color color :profile-picture photo-path
:emoji emoji :group-chat group-chat
:chat-type chat-type :color color
:chat-name chat-name :emoji emoji
:last-message last-message}] :chat-type chat-type
[chat-display-name :chat-name chat-name
{:distance-from-list-top distance-from-list-top :last-message last-message}]
:display-name display-name [chat-display-name
:theme theme {:distance-from-list-top distance-from-list-top
:contact contact :display-name display-name
:group-chat group-chat :theme theme
:last-message last-message}] :contact contact
[bio-and-actions :group-chat group-chat
{:distance-from-list-top distance-from-list-top :last-message last-message}]
:bio bio [bio-and-actions
:chat-id chat-id {:distance-from-list-top distance-from-list-top
:customization-color customization-color :bio bio
:description description :chat-id chat-id
:last-message last-message}]]])) :customization-color customization-color
:description description
:last-message last-message}]]]]))
(defn list-footer (defn list-footer
[props] [props]