[#18963] feat: actions UI for stranger contact profile

Author: mohsen-ghafouri

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

@@ -0,0 +1,31 @@
+(ns status-im.contexts.profile.contact.actions.view
+  (:require [quo.core :as quo]
+            [status-im.common.not-implemented :as not-implemented]
+            [utils.i18n :as i18n]))
+
+(defn view
+  []
+  [quo/action-drawer
+   [[{:icon                :i/edit
+      :label               (i18n/label :t/add-nickname-title)
+      :on-press            not-implemented/alert
+      :accessibility-label :add-nickname}
+     {:icon                :i/qr-code
+      :label               (i18n/label :t/show-qr)
+      :on-press            not-implemented/alert
+      :accessibility-label :show-qr-code}
+     {:icon                :i/share
+      :label               (i18n/label :t/share-profile)
+      :on-press            not-implemented/alert
+      :accessibility-label :share-profile}
+     {:icon                :i/untrustworthy
+      :label               (i18n/label :t/mark-untrustworthy)
+      :on-press            not-implemented/alert
+      :accessibility-label :mark-untrustworthy
+      :add-divider?        true
+      :danger?             true}
+     {:icon                :i/block
+      :label               (i18n/label :t/block-user)
+      :on-press            not-implemented/alert
+      :accessibility-label :block-user
+      :danger?             true}]]])

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

@@ -2,8 +2,8 @@
   (:require [quo.foundations.colors :as colors]
             [quo.theme]
             [react-native.reanimated :as reanimated]
-            [status-im.common.not-implemented :as not-implemented]
             [status-im.common.scroll-page.view :as scroll-page]
+            [status-im.contexts.profile.contact.actions.view :as actions]
             [status-im.contexts.profile.contact.header.view :as contact-header]
             [utils.re-frame :as rf]))
 
@@ -20,5 +20,8 @@
       :cover-color      (or customization-color colors/primary-50)
       :background-color (colors/theme-colors colors/white colors/neutral-95 theme)
       :page-nav-props   {:right-side [{:icon-name :i/options
-                                       :on-press  not-implemented/alert}]}}
+                                       :on-press  (fn []
+                                                    (rf/dispatch [:show-bottom-sheet
+                                                                  {:content (fn []
+                                                                              [actions/view])}]))}]}}
      [contact-header/view {:scroll-y scroll-y}]]))

translations/en.json

@@ -2063,7 +2063,7 @@
     "and": "and",
     "rename": "Rename",
     "mark-untrustworthy": "Mark as Untrustworthy",
-    "block-user": "Block User",
+    "block-user": "Block user",
     "group-details": "Group details",
     "edit-name-and-image": "Edit name and image",
     "change-group-privacy": "Change group privacy",