From f37a5a39a71a6500c9b67e0d43850dc0134a13ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Thor=C3=A9n?= <me@oskarth.com>
Date: Tue, 24 Oct 2017 14:27:29 +0200
Subject: [PATCH] Discover: Public chats hooked up, hardcoded topics

---
 src/status_im/ui/screens/discover/views.cljs | 22 ++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/status_im/ui/screens/discover/views.cljs b/src/status_im/ui/screens/discover/views.cljs
index 0962bb50b0..4c83beaa84 100644
--- a/src/status_im/ui/screens/discover/views.cljs
+++ b/src/status_im/ui/screens/discover/views.cljs
@@ -103,23 +103,33 @@
                                            :contacts        contacts}]])]
        [empty-section :empty-recent :t/no-statuses-discovered :t/no-statuses-discovered-body])]))
 
+;; TODO(oskarth): Figure out chat count how to get from public chat list subscription
 (def public-chats-mock-data
-  [{:name  "Status team"
+  [{:name  "Status"
+    :topic "status"
     :count 25
     :color "#B2F3E3"}
    {:name  "ETH news"
+    :topic "ethnews"
     :count 12
     :color "#F7A7E8"}
    {:name  "All about Ethereum"
+    :topic "ethereum"
     :count 32
     :color "#C1B8F0"}])
 
-(defn render-public-chats-item [item]
+
+(defn navigate-to-public-chat [topic]
+  (re-frame/dispatch [:create-new-public-chat topic]))
+
+(defn render-public-chats-item [{:keys [name color topic] :as item}]
+  [react/touchable-highlight {:on-press #(navigate-to-public-chat topic)}
+
   [react/view styles/public-chats-item-container
    [react/view styles/public-chats-icon-container
-    [react/view (styles/public-chats-icon (:color item))
+    [react/view (styles/public-chats-icon color)
      [react/text {:style styles/public-chats-icon-text}
-                 (-> item :name first str)]]]
+      (-> name first str)]]]
    [react/view styles/public-chats-item-inner
     [react/view styles/public-chats-item-name-container
      ;; TODO(goranjovic) lightgray intentionally hardcoded while only a teaser
@@ -127,10 +137,10 @@
      [vector-icons/icon :icons/public {:color "lightgray"}]
      [react/text {:font  :medium
                   :style styles/public-chats-item-name-text}
-                 (:name item)]]
+      name]]
     [react/view {}
      [react/text {:style {:color :lightgray}}
-      (i18n/label :t/public-chat-user-count {:count (:count item)})]]]])
+      (str "#" topic)]]]]])
 
 (defn public-chats-teaser []
   [react/view styles/public-chats-container