Handle mailserver connection error

* Do not try to reconnect when offline
* If online, but mailserver is disconnected, show notification
* Tap on notification starts reconnecting process

Signed-off-by: Eric Dvorsak <eric@dvorsak.fr>

src/status_im/translations/en.cljs

@@ -8,6 +8,7 @@
    :notifications-title                  "Notifications and sounds"
    :offline                              "Offline"
    :connection-problem                   "Messages connection problem"
+   :mailserver-reconnect                 "Could not connect to mailserver. Tap to reconnect"
    :search-for                           "Search for..."
    :cancel                               "Cancel"
    :next                                 "Next"

src/status_im/transport/inbox.cljs

@@ -173,25 +173,31 @@
  (fn [_ [_ retries]]
    {::fetch-peers (or retries 0)}))
 
+(def ^:private ^:const short-retry-delay-ms 300)
+(def ^:private ^:const long-retry-delay-ms 5000)
+(def ^:private ^:const max-retries 10)
+(def ^:private ^:const retries-interval-change-threshold 3)
+
 (handlers/register-handler-fx
  :inbox/check-peer-added
   ;; We check if the wnode is part of the peers list
   ;; if not we dispatch a new fetch-peer event for later
- (fn [{:keys [db]} [_ peers retries]]
+ (fn [{{:keys [web3 network-status] :as db} :db} [_ peers retries]]
-   (let [web3     (:web3 db)
+   (let [wnode    (get-current-wnode-address db)]
-         wnode    (get-current-wnode-address db)]
      (log/info "offline inbox: fetch-peers response" peers)
      (if (registered-peer? peers wnode)
        {::mark-trusted-peer {:web3  web3
                              :wnode wnode}}
        (do
          (log/info "Peer" wnode "is not registered. Retrying fetch peers.")
-         (let [delay (if (< retries 3) 300 5000)]
+         (let [delay-ms (if (< retries retries-interval-change-threshold)
-           (if (> retries 10)
+                          short-retry-delay-ms
-             (do (log/error :mailserver-connection-error)
+                          long-retry-delay-ms)]
-                 (utils/show-popup (i18n/label :t/error)
+           (if (or (= network-status :offline)
-                                   (i18n/label :t/mailserver-connection-error)))
+                   (> retries max-retries))
-             {:dispatch-later [{:ms delay :dispatch [:inbox/fetch-peers (inc retries)]}]})))))))
+             (do (log/info :mailserver-connection-error)
+                 {:db (assoc db :mailserver-status :disconnected)})
+             {:dispatch-later [{:ms delay-ms :dispatch [:inbox/fetch-peers (inc retries)]}]})))))))
 
 (handlers/register-handler-fx
  :inbox/get-sym-key
@@ -234,3 +240,8 @@
                           :sym-key-id sym-key-id
                           :web3       web3}
       :db (assoc db :inbox/last-request (quot now 1000))})))
+
+(handlers/register-handler-fx
+ :inbox/reconnect
+ (fn [cofx _]
+   (recover-offline-inbox true cofx)))

src/status_im/ui/components/connectivity/styles.cljs

@@ -1,7 +1,7 @@
 (ns status-im.ui.components.connectivity.styles
   (:require-macros [status-im.utils.styles :refer [defnstyle]]))
 
-(defnstyle offline-wrapper [top opacity window-width pending?]
+(defnstyle text-wrapper [top opacity window-width pending?]
   {:ios              {:z-index 0}
    :opacity          opacity
    :width            window-width
@@ -10,7 +10,7 @@
    :background-color "#828b92cc"
    :height           35})
 
-(def offline-text
+(def text
   {:text-align :center
    :color      :white
    :font-size  14

src/status_im/ui/components/connectivity/view.cljs

@@ -31,11 +31,14 @@
       :display-name "connectivity-error-view"
       :reagent-render
       (fn [{:keys [top]}]
-        (when (or @offline? @connection-problem?)
+        (when-let [label (cond
+                           @offline? :t/offline
+                           @connection-problem? :t/mailserver-reconnect
+                           :else nil)]
           (let [pending? (and (:pending @current-chat-contact) (= :chat @view-id))]
-            [react/animated-view {:style (styles/offline-wrapper top offline-opacity window-width pending?)}
+            [react/animated-view {:style (styles/text-wrapper top offline-opacity window-width pending?)}
              [react/view
-              [react/text {:style styles/offline-text}
+              [react/text {:style    styles/text
-               (i18n/label (if @connection-problem?
+                           :on-press (when @connection-problem?
-                             :t/connection-problem
+                                       #(re-frame/dispatch [:inbox/reconnect]))}
-                             :t/offline))]]])))})))
+               (i18n/label label)]]])))})))