Merge pull request #377 from status-im/feature/#297

Empty discover screen (#297)

Former-commit-id: b60c15988b

src/status_im/discovery/screen.cljs

@@ -6,14 +6,17 @@
     [status-im.components.react :refer [view
                                         scroll-view
                                         text
-                                        text-input]]
+                                        text-input
+                                        icon]]
     [status-im.components.toolbar.view :refer [toolbar]]
     [status-im.components.drawer.view :refer [open-drawer]]
-    [status-im.discovery.views.popular :refer [discovery-popular]]
-    [status-im.discovery.views.recent :refer [discovery-recent]]
     [status-im.discovery.styles :as st]
     [status-im.components.tabs.bottom-gradient :refer [bottom-gradient]]
-    [status-im.i18n :refer [label]]))
+    [status-im.i18n :refer [label]]
+    [status-im.components.carousel.carousel :refer [carousel]]
+    [status-im.discovery.views.popular-list :refer [discovery-popular-list]]
+    [status-im.discovery.views.discovery-list-item :refer [discovery-list-item]]
+    [status-im.contacts.styles :as contacts-styles]))
 
 (defn get-hashtags [status]
   (let [hashtags (map #(str/lower-case (str/replace % #"#" "")) (re-seq #"[^ !?,;:.]+" status))]
@@ -49,23 +52,46 @@
                                 :style  st/search-icon}
                       :handler #(toogle-search show-search?)}]}])
 
+(defn title [label-kw]
+  [view st/section-spacing
+   [text {:style st/discovery-subtitle
+          :font  :medium}
+    (label label-kw)]])
+
+(defview discovery-popular [{:keys [contacts]}]
+  [popular-tags [:get-popular-tags 10]]
+  (if (seq popular-tags)
+    [view
+     [title :t/popular-tags]
+     (if (pos? (count popular-tags))
+       [carousel {:pageStyle st/carousel-page-style}
+        (for [{:keys [name count]} popular-tags]
+          [discovery-popular-list {:tag      name
+                                   :count    count
+                                   :contacts contacts}])]
+       [text (label :t/none)])]
+    [view contacts-styles/empty-contact-groups
+     ;; todo change icon
+     [icon :group_big contacts-styles/empty-contacts-icon]
+     [text {:style contacts-styles/empty-contacts-text}
+      (label :t/no-statuses-discovered)]]))
+
+(defview discovery-recent [{:keys [contacts]}]
+  [discoveries [:get :discoveries]]
+  (when (seq discoveries)
+    [view
+     [title :t/recent]
+     [view st/recent-list
+      (for [{:keys [message-id] :as discovery} discoveries]
+        ^{:key (str "message-" message-id)}
+        [discovery-list-item discovery])]]))
+
 (defview discovery []
   [show-search? [:get ::show-search?]
    contacts [:get :contacts]]
   [view st/discovery-container
    [discovery-toolbar show-search?]
    [scroll-view st/scroll-view-container
-
-    [view st/section-spacing
-     [text {:style st/discovery-subtitle
-            :font  :medium}
-      (label :t/popular-tags)]]
     [discovery-popular {:contacts contacts}]
-
-    [view st/section-spacing
-     [text {:style st/discovery-subtitle
-            :font  :medium}
-      (label :t/recent)]]
     [discovery-recent {:contacts contacts}]]
-
    [bottom-gradient]])

src/status_im/discovery/views/popular.cljs

@@ -1,23 +0,0 @@
-(ns status-im.discovery.views.popular
-  (:require-macros [status-im.utils.views :refer [defview]])
-  (:require
-    [re-frame.core :refer [subscribe]]
-    [status-im.components.react :refer [text]]
-    [status-im.components.carousel.carousel :refer [carousel]]
-    [status-im.discovery.styles :as st]
-    [status-im.discovery.views.popular-list :refer [discovery-popular-list]]
-    [status-im.i18n :refer [label]]
-    [status-im.components.react :as r]))
-
-(defn page-width []
-  (.-width (.get (.. r/react-native -Dimensions) "window")))
-
-(defview discovery-popular [{:keys [contacts]}]
-  [popular-tags [:get-popular-tags 10]]
-  (if (pos? (count popular-tags))
-    [carousel {:pageStyle st/carousel-page-style}
-     (for [{:keys [name count]} popular-tags]
-       [discovery-popular-list {:tag      name
-                                :count    count
-                                :contacts contacts}])]
-    [text (label :t/none)]))

src/status_im/discovery/views/popular_list.cljs

@@ -11,10 +11,6 @@
     [status-im.utils.listview :refer [to-datasource]]
     [status-im.discovery.views.discovery-list-item :refer [discovery-list-item]]))
 
-(defn render-separator [_ row-id _]
-  (list-item [view {:style st/row-separator
-                    :key   row-id}]))
-
 (defview discovery-popular-list [{:keys [tag count contacts]}]
   [discoveries [:get-discoveries-by-tags [tag] 3]]
   [view st/popular-list-container

src/status_im/discovery/views/recent.cljs

@@ -1,19 +0,0 @@
-(ns status-im.discovery.views.recent
-  (:require-macros [status-im.utils.views :refer [defview]])
-  (:require
-    [re-frame.core :refer [subscribe]]
-    [status-im.components.react :refer [view list-view list-item]]
-    [status-im.utils.listview :refer [to-datasource]]
-    [status-im.discovery.styles :as st]
-    [status-im.discovery.views.discovery-list-item :refer [discovery-list-item]]))
-
-(defn render-separator [_ row-id _]
-  (list-item [view {:style st/row-separator
-                    :key   row-id}]))
-
-(defview discovery-recent [{:keys [contacts]}]
-  [discoveries [:get :discoveries]]
-  [view st/recent-list
-   (for [{:keys [message-id] :as discovery} discoveries]
-     ^{:key (str "message-" message-id)}
-     [discovery-list-item discovery])])

src/status_im/translations/en.cljs

@@ -100,6 +100,7 @@
    :search-tags                           "Type your search tags here"
    :popular-tags                          "Popular tags"
    :recent                                "Recent"
+   :no-statuses-discovered                "No statuses discovered"
 
    ;settings
    :settings                              "Settings"