[#17986] feat: add emoji-hash to text-combination

status-im · Nov 28, 2023 · ee098ad · ee098ad
1 parent 2b8e93e
commit ee098ad
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/src/quo/components/text_combinations/style.cljs b/src/quo/components/text_combinations/style.cljs
@@ -9,3 +9,8 @@
 
 (def description-description-text
   {:margin-top 8})
+
+(def emoji-hash
+  {:margin-top     8
+   :letter-spacing 0.5
+   :line-height    20.5})
diff --git a/src/quo/components/text_combinations/view.cljs b/src/quo/components/text_combinations/view.cljs
@@ -27,7 +27,8 @@
            description-accessibility-label
            button-icon
            button-on-press
-           customization-color]}]
+           customization-color
+           emoji-hash]}]
   [rn/view {:style container-style}
    [rn/view
     {:style {:flex-direction  :row
@@ -55,6 +56,11 @@
        :weight              :regular
        :size                :paragraph-1
        :style               style/description-description-text}
-      description])])
+      description])
+   (when emoji-hash
+     [text/text
+      {:number-of-lines 1
+       :style           style/emoji-hash}
+      emoji-hash])])
 
 (def view (theme/with-theme view-internal))
diff --git a/src/status_im2/contexts/quo_preview/text_combinations/preview.cljs b/src/status_im2/contexts/quo_preview/text_combinations/preview.cljs
@@ -8,8 +8,8 @@
 (def descriptor
   [{:key :title :type :text}
    {:key :avatar :type :boolean}
-   {:key  :description
-    :type :text}])
+   {:key :description :type :text}
+   {:key :emoji-hash :type :text}])
 
 (defn state->text-combinations-props
   [state]
@@ -22,7 +22,8 @@
   (let [state (reagent/atom {:title                           "Title"
                              :title-accessibility-label       :title
                              :description                     ""
-                             :description-accessibility-label :subtitle})]
+                             :description-accessibility-label :subtitle
+                             :emoji-hash                      "🐲🍀🎭🌟🚀🐠🌈🏰🔮🦉🐼🍉🎨🚲🌙🍔🌵"})]
     (fn []
       [preview/preview-container
        {:state                     state