From 3cd230fed01625823d04f99c345b646fd5c685f3 Mon Sep 17 00:00:00 2001
From: Ajay Sivan <ajayesivan@gmail.com>
Date: Mon, 11 Dec 2023 14:23:14 +0530
Subject: [PATCH] Addresses to share cards (#18123)

---
 .../actions/accounts_selection/style.cljs     |  5 ++-
 .../actions/accounts_selection/view.cljs      | 37 +++++++++++++++++--
 .../actions/community_rules/style.cljs        | 11 ++----
 .../actions/community_rules/view.cljs         |  3 +-
 translations/en.json                          |  4 ++
 5 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/src/status_im2/contexts/communities/actions/accounts_selection/style.cljs b/src/status_im2/contexts/communities/actions/accounts_selection/style.cljs
index eb94b4cc4e..5cd7b9fdcf 100644
--- a/src/status_im2/contexts/communities/actions/accounts_selection/style.cljs
+++ b/src/status_im2/contexts/communities/actions/accounts_selection/style.cljs
@@ -11,8 +11,9 @@
   {:padding-vertical   12
    :padding-horizontal screen-horizontal-padding})
 
-(def content
-  {:margin-bottom      20
+(def section-title
+  {:padding-top        12
+   :padding-bottom     4
    :padding-horizontal screen-horizontal-padding})
 
 (defn bottom-actions
diff --git a/src/status_im2/contexts/communities/actions/accounts_selection/view.cljs b/src/status_im2/contexts/communities/actions/accounts_selection/view.cljs
index 9aa83f297d..e0a2cfa051 100644
--- a/src/status_im2/contexts/communities/actions/accounts_selection/view.cljs
+++ b/src/status_im2/contexts/communities/actions/accounts_selection/view.cljs
@@ -3,6 +3,7 @@
     [quo.core :as quo]
     [react-native.core :as rn]
     [react-native.gesture :as gesture]
+    [status-im2.common.not-implemented :as not-implemented]
     [status-im2.common.password-authentication.view :as password-authentication]
     [status-im2.contexts.communities.actions.accounts-selection.style :as style]
     [status-im2.contexts.communities.actions.community-rules.view :as community-rules]
@@ -35,7 +36,11 @@
 (defn view
   []
   (let [{id :community-id}          (rf/sub [:get-screen-params])
-        {:keys [name color images]} (rf/sub [:communities/community id])]
+        {:keys [name color images]} (rf/sub [:communities/community id])
+        accounts                    (->> (rf/sub [:wallet])
+                                         :accounts
+                                         vals
+                                         (map #(assoc % :customization-color (:color %))))]
     [rn/view {:style style/container}
      [quo/page-nav
       {:text-align          :left
@@ -46,9 +51,35 @@
       {:community-name name
        :logo-uri       (get-in images [:thumbnail :uri])}]
      [gesture/scroll-view
-      [rn/view {:style style/content}
+      [:<>
        [quo/text
-        {:style               {:margin-top 24}
+        {:style               style/section-title
+         :accessibility-label :community-rules-title
+         :weight              :semi-bold
+         :size                :paragraph-1}
+        (i18n/label :t/address-to-share)]
+
+       [quo/category
+        {:list-type :settings
+         :data      [{:title             (i18n/label :t/join-as-a-member)
+                      :on-press          not-implemented/alert
+                      :description       :text
+                      :action            :arrow
+                      :label             :preview
+                      :label-props       {:type :accounts
+                                          :data accounts}
+                      :description-props {:text (i18n/label :t/all-addresses)}}
+                     {:title             (i18n/label :t/for-airdrops)
+                      :on-press          not-implemented/alert
+                      :description       :text
+                      :action            :arrow
+                      :label             :preview
+                      :label-props       {:type :accounts
+                                          :data (take 1 accounts)}
+                      :description-props {:text (-> accounts first :name)}}]}]
+
+       [quo/text
+        {:style               style/section-title
          :accessibility-label :community-rules-title
          :weight              :semi-bold
          :size                :paragraph-1}
diff --git a/src/status_im2/contexts/communities/actions/community_rules/style.cljs b/src/status_im2/contexts/communities/actions/community_rules/style.cljs
index 37d85fb947..d50f00e7eb 100644
--- a/src/status_im2/contexts/communities/actions/community_rules/style.cljs
+++ b/src/status_im2/contexts/communities/actions/community_rules/style.cljs
@@ -1,10 +1,7 @@
 (ns status-im2.contexts.communities.actions.community-rules.style)
 
 (def community-rule
-  {:flex        1
-   :align-items :flex-start
-   :margin-top  16})
-
-(def community-rule-text
-  {:margin-left 6
-   :flex        1})
+  {:flex               1
+   :align-items        :flex-start
+   :padding-vertical   8
+   :padding-horizontal 20})
diff --git a/src/status_im2/contexts/communities/actions/community_rules/view.cljs b/src/status_im2/contexts/communities/actions/community_rules/view.cljs
index f682d79203..0006cb02b5 100644
--- a/src/status_im2/contexts/communities/actions/community_rules/view.cljs
+++ b/src/status_im2/contexts/communities/actions/community_rules/view.cljs
@@ -10,7 +10,6 @@
   (let [rules (rf/sub [:communities/rules id])]
     [rn/view {:style style/community-rule}
      [quo/text
-      {:style  style/community-rule-text
-       :weight :regular
+      {:weight :regular
        :size   :paragraph-2}
       rules]]))
diff --git a/translations/en.json b/translations/en.json
index 4b8705ccb1..e040d58189 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -177,6 +177,10 @@
         "other": "{{count}} members"
     },
     "community-rules": "Community rules",
+    "address-to-share": "Addresses to share",
+    "join-as-a-member": "Join as a Member",
+    "all-addresses": "All addresses",
+    "for-airdrops": "For airdrops",
     "members-label": "Members",
     "open-membership": "Open membership",
     "member-kick": "Kick member",