diff --git a/src/status_im/ui/screens/desktop/main/tabs/home/styles.cljs b/src/status_im/ui/screens/desktop/main/tabs/home/styles.cljs index 8a6a2ce617..086e7728ca 100644 --- a/src/status_im/ui/screens/desktop/main/tabs/home/styles.cljs +++ b/src/status_im/ui/screens/desktop/main/tabs/home/styles.cljs @@ -57,8 +57,11 @@ {:flex 1 :padding-vertical 16}) -(def chat-name - {:font-size 14}) +(defn chat-name [current?] + {:font-size 14 + :font-weight (if current? + :bold + :normal)}) (def chat-last-message {:color colors/gray diff --git a/src/status_im/ui/screens/desktop/main/tabs/home/views.cljs b/src/status_im/ui/screens/desktop/main/tabs/home/views.cljs index c6da157fdd..1088a4b9ca 100644 --- a/src/status_im/ui/screens/desktop/main/tabs/home/views.cljs +++ b/src/status_im/ui/screens/desktop/main/tabs/home/views.cljs @@ -29,8 +29,9 @@ (gfycat/generate-gfy public-key)) [unviewed-messages-label large?] (if (< 9 unviewed-messages-count) ["9+" true] - [unviewed-messages-count false])] - [react/view {:style (styles/chat-list-item (= current-chat-id chat-id))} + [unviewed-messages-count false]) + current? (= current-chat-id chat-id)] + [react/view {:style (styles/chat-list-item current?)} [react/view {:style styles/img-container} (if public? [react/view {:style (styles/topic-image color)} @@ -49,8 +50,7 @@ [icons/icon :icons/public-chat]) [react/text {:ellipsize-mode :tail :number-of-lines 1 - :style styles/chat-name - :font (if (= current-chat-id chat-id) :medium :default)} + :style (styles/chat-name current?)} name]] [react/text {:ellipsize-mode :tail :number-of-lines 1