fixed styles for generated names on desktop

Signed-off-by: Andrey Shovkoplyas <motor4ik@gmail.com>

src/status_im/ui/screens/chat/utils.cljs

@@ -8,7 +8,7 @@
             [status-im.utils.http :as http]))
 
 (defn format-author [from username]
-  (str (when username (str username " :: "))
+  (str (when username (str username " • "))
        (gfycat/generate-gfy from))) ; TODO: We defensively generate the name for now, to be revisited when new protocol is defined
 
 (defn format-reply-author [from username current-public-key]

src/status_im/ui/screens/desktop/main/chat/styles.cljs

@@ -37,9 +37,13 @@
    :width              230})
 
 (def author
-  {:color         colors/black
-   :font-size     14
-   :font-weight   :bold})
+  {:color       colors/black
+   :font-weight "500"
+   :font-size   14})
+
+(def author-generated
+  {:color       colors/gray
+   :font-size   14})
 
 (defn chat-box [height]
   {:height            (+ height (* 2 chat-vertical-padding))

src/status_im/ui/screens/desktop/main/chat/views.cljs

@@ -60,9 +60,11 @@
 
 (views/defview message-author-name [{:keys [from]}]
   (views/letsubs [incoming-name   [:contacts/contact-name-by-identity from]]
-    (let [name (chat-utils/format-author from incoming-name)]
-      [react/touchable-highlight {:on-press #(re-frame/dispatch [:show-contact-dialog from name (boolean incoming-name)])}
-       [react/text {:style styles/author :font :medium} name]])))
+    [react/view {:flex-direction :row}
+     (when incoming-name
+       [react/text {:style styles/author} incoming-name])
+     [react/text {:style styles/author-generated}
+      (str (when incoming-name " • ") (gfycat/generate-gfy from))]]))
 
 (views/defview member-photo [from]
   (views/letsubs [current-public-key [:account/public-key]