tweak: handle blurring the contact request input when keyboard is dismissed on android

Author: seanstrom

src/status_im/contexts/profile/contact/contact_request/view.cljs

@@ -2,6 +2,7 @@
   (:require [clojure.string :as string]
             [quo.core :as quo]
             [react-native.core :as rn]
+            [react-native.platform :as platform]
             [status-im.constants :as constants]
             [status-im.contexts.profile.contact.contact-request.style :as style]
             [status-im.contexts.profile.utils :as profile.utils]
@@ -16,6 +17,7 @@
         customization-color   (or customization-color constants/profile-default-color)
         full-name             (profile.utils/displayed-name profile)
         profile-picture       (profile.utils/photo profile)
+        input-ref             (rn/use-ref-atom nil)
         [message set-message] (rn/use-state "")
         on-message-change     (rn/use-callback #(set-message %))
         on-message-submit     (rn/use-callback (fn []
@@ -28,6 +30,14 @@
                                                                 :text (i18n/label
                                                                        :t/contact-request-was-sent)}]))
                                                [public-key message])]
+    (rn/use-mount
+     (fn []
+       (let [listener (.addListener rn/keyboard
+                                    "keyboardDidHide"
+                                    (fn [_event]
+                                      (when (and platform/android? @input-ref)
+                                        (.blur ^js @input-ref))))]
+         #(.remove ^js listener))))
     [:<>
      [quo/drawer-top
       {:type                :context-tag
@@ -41,6 +51,7 @@
      [rn/view {:style style/message-input-wrapper}
       [quo/input
        {:type                  :text
+        :ref                   #(reset! input-ref %)
         :multiline?            true
         :char-limit            constants/contact-request-message-max-length
         :max-length            constants/contact-request-message-max-length