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

[#19035] Add status tag for pending contact request to contact profile (#19075) 

* chore: add english translation for contact-profile-request-pending

* feature: integrate status-tag for pending contact-request
This commit is contained in:
Sean Hagstrom 2024-03-05 14:07:45 +00:00 committed by GitHub
parent 7415ebdc78
commit f788d7bc85
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/status_im/contexts/profile/contact/header/style.cljs
View File

@ -15,3 +15,12 @@
{:background-color (colors/theme-colors colors/white colors/neutral-95 theme) {:background-color (colors/theme-colors colors/white colors/neutral-95 theme)
:padding-horizontal 20 :padding-horizontal 20
:margin-top margin-top})) :margin-top margin-top}))
(def status-tag-wrapper
{:flex-direction :row
:padding-top 12
:padding-right 12})
(def header-top-wrapper
{:flex-direction :row
:justify-content :space-between})

27
src/status_im/contexts/profile/contact/header/view.cljs
View File

@ -4,14 +4,16 @@
[quo.theme] [quo.theme]
[react-native.core :as rn] [react-native.core :as rn]
[status-im.common.scalable-avatar.view :as avatar] [status-im.common.scalable-avatar.view :as avatar]
[status-im.constants :as constants]
[status-im.contexts.profile.contact.header.style :as style] [status-im.contexts.profile.contact.header.style :as style]
[status-im.contexts.profile.utils :as profile.utils] [status-im.contexts.profile.utils :as profile.utils]
[utils.i18n :as i18n]
[utils.re-frame :as rf])) [utils.re-frame :as rf]))
(defn view (defn view
[{:keys [scroll-y]}] [{:keys [scroll-y]}]
(let [{:keys [public-key customization-color (let [{:keys [public-key customization-color
emoji-hash bio] emoji-hash bio contact-request-state]
:as profile} (rf/sub [:contacts/current-contact]) :as profile} (rf/sub [:contacts/current-contact])
customization-color (or customization-color :blue) customization-color (or customization-color :blue)
full-name (profile.utils/displayed-name profile) full-name (profile.utils/displayed-name profile)
@ -19,14 +21,21 @@
online? (rf/sub [:visibility-status-updates/online? public-key]) online? (rf/sub [:visibility-status-updates/online? public-key])
theme (quo.theme/use-theme-value)] theme (quo.theme/use-theme-value)]
[rn/view {:style style/header-container} [rn/view {:style style/header-container}
[rn/view {:style style/avatar-wrapper} [rn/view {:style style/header-top-wrapper}
[avatar/view [rn/view {:style style/avatar-wrapper}
{:scroll-y scroll-y [avatar/view
:full-name full-name {:scroll-y scroll-y
:online? online? :full-name full-name
:profile-picture profile-picture :online? online?
:border-color (colors/theme-colors colors/white colors/neutral-95 theme) :profile-picture profile-picture
:customization-color customization-color}]] :border-color (colors/theme-colors colors/white colors/neutral-95 theme)
:customization-color customization-color}]]
(when (= contact-request-state constants/contact-request-state-sent)
[rn/view {:style style/status-tag-wrapper}
[quo/status-tag
{:label (i18n/label :t/contact-profile-request-pending)
:status {:type :pending}
:size :large}]])]
[quo/page-top [quo/page-top
{:title full-name {:title full-name
:description :text :description :text

1
translations/en.json
View File

@ -2116,6 +2116,7 @@
"selected-count-from-max": "{{selected}}/{{max}}", "selected-count-from-max": "{{selected}}/{{max}}",
"online": "Online", "online": "Online",
"contact-request-chat-pending": "Your contact request is pending", "contact-request-chat-pending": "Your contact request is pending",
"contact-profile-request-pending": "Contact request pending",
"contact-request-chat-add": "Add {{name}} as contact to send a message", "contact-request-chat-add": "Add {{name}} as contact to send a message",
"join-request": "Join request", "join-request": "Join request",
"join-one-user": "Join {{user}}", "join-one-user": "Join {{user}}",