feature: add send-contact-request button on contact profile

Author: seanstrom

src/status_im/contexts/profile/contact/header/style.cljs

@@ -7,6 +7,11 @@
    :padding-left 20
    :align-items  :flex-start})
 
+(def button-wrapper
+  {:padding-top        8
+   :padding-bottom     16
+   :padding-horizontal 20})
+
 (defn header-container
   [border-radius theme margin-top]
   (reanimated/apply-animations-to-style

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

@@ -3,9 +3,11 @@
             [quo.foundations.colors :as colors]
             [quo.theme]
             [react-native.core :as rn]
+            [status-im.common.not-implemented]
             [status-im.common.scalable-avatar.view :as avatar]
             [status-im.contexts.profile.contact.header.style :as style]
             [status-im.contexts.profile.utils :as profile.utils]
+            [utils.i18n :as i18n]
             [utils.re-frame :as rf]))
 
 (defn view
@@ -31,4 +33,9 @@
       {:title            full-name
        :description      :text
        :description-text bio
-       :emoji-dash       emoji-hash}]]))
+       :emoji-dash       emoji-hash}]
+     [rn/view {:style style/button-wrapper}
+      [quo/button
+       {:on-press status-im.common.not-implemented/alert
+        :icon-left :i/add-user}
+       (i18n/label :t/send-contact-request)]]]))