status-im/status-mobile
2
0
Fork 0
mirror of https://github.com/status-im/status-mobile.git synced 2025-02-04 21:05:18 +00:00
Code Issues Projects Releases Wiki Activity

Squashed fix lint and store author width to its own variable

Browse Source 
making sure that long usernames are broken in two lines

fixed nickname timestamp overlapping issue

Signed-off-by: andrey <motor4ik@gmail.com>
This commit is contained in:
siddarthkay 2022-03-14 22:14:27 +05:30 committed by andrey
parent bd7da02c25
commit b0cc30d606
No known key found for this signature in database
GPG Key ID: 89B67245FD2F0272
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/status_im/ui/screens/status/views.cljs
View File

@ -91,6 +91,7 @@
(defn message-item [account profile]
(fn [{:keys [content-type content from timestamp outgoing] :as message}
{:keys [modal on-long-press close-modal]}]
[react/view (merge {:padding-vertical 8
:flex-direction :row
:background-color (when modal colors/white)
@ -107,15 +108,18 @@
[photos/member-photo from])]]
[react/view {:flex 1}
[react/view {:flex-direction :row
:justify-content :space-between}
:justify-content :space-between
:width :98%
:word-break :break-all}
[react/touchable-highlight
{:on-press #(do (when modal (close-modal))
(when profile (re-frame/dispatch [:navigate-back]))
(re-frame/dispatch [:chat.ui/show-profile from]))}
(if outgoing
[message/message-my-name {:profile? true :you? false}]
[message/message-author-name from {:profile? true}])]
[react/text {:style {:font-size 10 :color colors/gray}}
(let [message-author-width (* @(re-frame/subscribe [:dimensions/window-width]) 0.75)]
(if outgoing
[react/view {:style {:width message-author-width}} [message/message-my-name {:profile? true :you? false}]]
[react/view {:style {:width message-author-width}} [message/message-author-name from {:profile? true}]]))]
[react/text {:style {:font-size 10 :color colors/gray :margin-left :auto}}
(datetime/time-ago (datetime/to-date timestamp))]]
[react/view
(if (= content-type constants/content-type-image)