Top bar UI (design review) (#16820)

* Top bar UI (design review)

* Lint fix

* Show `Online`/`Offline` label only for non-group chats

* Fixed formatting
This commit is contained in:
Alexander 2023-08-02 17:26:06 +02:00 committed by GitHub
parent d26db932e8
commit da8ca36369
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 6 deletions

View File

@ -80,7 +80,7 @@
(def header-content-container (def header-content-container
{:flex-direction :row {:flex-direction :row
:align-items :center :align-items :center
:margin-left 8 :margin-left 12
:margin-right 8 :margin-right 8
:margin-top -4 :margin-top -4
:height 40}) :height 40})
@ -95,6 +95,6 @@
[] []
{:color (colors/theme-colors colors/black colors/white)}) {:color (colors/theme-colors colors/black colors/white)})
(defn header-online (defn header-status
[] []
{:color (colors/theme-colors colors/neutral-80-opa-50 colors/white-opa-50)}) {:color (colors/theme-colors colors/neutral-80-opa-50 colors/white-opa-50)})

View File

@ -93,13 +93,14 @@
:number-of-lines 1 :number-of-lines 1
:style (style/header-display-name)} :style (style/header-display-name)}
display-name]] display-name]]
(when online? (when-not group-chat
[quo/text [quo/text
{:number-of-lines 1 {:number-of-lines 1
:weight :regular :weight :medium
:size :paragraph-2 :size :paragraph-2
:style (style/header-online)} :style (style/header-status)}
(i18n/label :t/online)])]]] (i18n/label
(if online? :t/online :t/offline))])]]]
[rn/touchable-opacity [rn/touchable-opacity
{:active-opacity 1 {:active-opacity 1
:style (style/button-container {:margin-right 20}) :style (style/button-container {:margin-right 20})