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

[#14381] Add accessibility lables for chat key and timestamp in message

This commit is contained in:
Roman Volosovskyi 2022-11-16 13:22:47 +01:00
parent 0f7ccce3df
commit cf753a0892
No known key found for this signature in database
GPG Key ID: 0238A4B5ECEE70DE
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/status_im/ui2/screens/chat/messages/message.cljs
View File

@ -288,11 +288,17 @@
display-name]
[message-home-item/verified-or-contact-icon contact]
(when show-key?
[text/text {:size :label
:style {:color (colors/theme-colors colors/neutral-50 colors/neutral-40)
:margin-left 8
:margin-top 2}}
(str (utils/get-shortened-address (:public-key contact)) " • " (time/to-short-str timestamp))])])
(let [props {:size :label
:style {:color (colors/theme-colors colors/neutral-50 colors/neutral-40)}}]
[text/text {:style {:margin-left 8
:margin-top 2}}
[text/text
(assoc props :accessibility-label :message-chat-key)
(utils/get-shortened-address (:public-key contact))]
[text/text props " • "]
[text/text
(assoc props :accessibility-label :message-timestamp)
(time/to-short-str timestamp)]]))])
(defn message-content-wrapper
"Author, userpic and delivery wrapper"