From 448581058cd5fd4244eb49032bf4a0a2dd580a7d Mon Sep 17 00:00:00 2001
From: Andrey Shovkoplyas <motor4ik@gmail.com>
Date: Fri, 8 Feb 2019 13:59:30 +0100
Subject: [PATCH] [#7451] Stickers support on desktop

Signed-off-by: Andrey Shovkoplyas <motor4ik@gmail.com>
---
 .../ui/screens/desktop/main/chat/views.cljs     | 13 +++++++++++--
 .../screens/desktop/main/tabs/home/views.cljs   | 17 ++++++++++-------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/status_im/ui/screens/desktop/main/chat/views.cljs b/src/status_im/ui/screens/desktop/main/chat/views.cljs
index 682af2563e..bd9b13f5e9 100644
--- a/src/status_im/ui/screens/desktop/main/chat/views.cljs
+++ b/src/status_im/ui/screens/desktop/main/chat/views.cljs
@@ -138,7 +138,7 @@
     [react/text {:style styles/system-message-text}
      text]]])
 
-(views/defview message-with-name-and-avatar [text {:keys [from first-in-group? timestamp] :as message}]
+(defn message-wrapper [{:keys [from first-in-group? timestamp] :as message} item]
   [react/view
    (when first-in-group?
      [react/view {:style {:flex-direction :row :margin-top 24}}
@@ -149,7 +149,10 @@
        (time/timestamp->time timestamp)]])
    [react/view {:style styles/not-first-in-group-wrapper}
     [photo-placeholder]
-    [message-without-timestamp text message]]])
+    item]])
+
+(views/defview message-with-name-and-avatar [text message]
+  [message-wrapper message [message-without-timestamp text message]])
 
 (defmulti message (fn [_ _ {:keys [content-type]}] content-type))
 
@@ -164,6 +167,12 @@
     [react/view {:style styles/message-command-container}
      [message/message-content-command message]]]])
 
+(defmethod message constants/content-type-sticker
+  [_ _ {:keys [content] :as message}]
+  [message-wrapper message
+   [react/image {:style {:margin 10 :width 140 :height 140}
+                 :source {:uri (:uri content)}}]])
+
 (views/defview message-content-status [text message]
   [react/view
    [system-message text message]])
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 cb84dd609c..4ebeae49b8 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
@@ -54,13 +54,16 @@
                       :number-of-lines 1
                       :style           (styles/chat-name current?)}
           name]]
-        [react/text {:ellipsize-mode  :tail
-                     :number-of-lines 1
-                     :style           styles/chat-last-message}
-         (if (= constants/content-type-command (:content-type last-message))
-           [chat-item/command-short-preview last-message]
-           (or (:text last-message-content)
-               (i18n/label :no-messages-yet)))]]
+        (if (and (:uri (:content last-message) (= constants/content-type-sticker (:content-type last-message))))
+          [react/image {:style {:margin 2 :width 30 :height 30}
+                        :source {:uri (:uri (:content last-message))}}]
+          [react/text {:ellipsize-mode  :tail
+                       :number-of-lines 1
+                       :style           styles/chat-last-message}
+           (if (= constants/content-type-command (:content-type last-message))
+             [chat-item/command-short-preview last-message]
+             (or (:text last-message-content)
+                 (i18n/label :no-messages-yet)))])]
        [react/view {:style styles/timestamp}
         [chat-item/message-timestamp (:timestamp last-message)]
         (when (pos? unviewed-messages-count)