Init

src/quo/components/dropdowns/dropdown_input/view.cljs

@@ -0,0 +1,20 @@
+(ns quo.components.dropdowns.dropdown-input.view
+  (:require
+    [quo.components.dropdowns.dropdown.properties :as properties]
+    [quo.components.dropdowns.dropdown.style :as style]
+    [quo.components.icon :as icon]
+    [quo.components.markdown.text :as text]
+    [quo.foundations.customization-colors :as customization-colors]
+    [quo.theme :as theme]
+    [react-native.blur :as blur]
+    [react-native.core :as rn]))
+
+(defn view-internal
+  []
+  [rn/pressable
+   {:on-press nil}])
+
+(def view
+  "Props:
+    - :on-press - function to call when pressed"
+  (theme/with-theme view-internal))

src/quo/core.cljs

@@ -48,6 +48,7 @@
     quo.components.drawers.permission-context.view
     quo.components.dropdowns.dropdown.view
     quo.components.dropdowns.network-dropdown.view
+    quo.components.dropdowns.dropdown-input.view
     quo.components.empty-state.empty-state.view
     quo.components.gradient.gradient-cover.view
     [quo.components.graph.interactive-graph.view :as interactive-graph]
@@ -229,6 +230,7 @@
 ;;;; Dropdowns
 (def dropdown quo.components.dropdowns.dropdown.view/view)
 (def network-dropdown quo.components.dropdowns.network-dropdown.view/view)
+(def dropdown-input quo.components.dropdowns.dropdown-input.view/view)
 
 ;;;; Empty State
 (def empty-state quo.components.empty-state.empty-state.view/empty-state)

src/status_im2/contexts/quo_preview/dropdowns/dropdown_input.cljs

@@ -0,0 +1,24 @@
+(ns status-im2.contexts.quo-preview.dropdowns.dropdown-input
+  (:require
+    [quo.core :as quo]
+    [react-native.core :as rn]
+    [reagent.core :as reagent]
+    [status-im2.common.resources :as resources]
+    [status-im2.contexts.quo-preview.preview :as preview]))
+
+(def descriptor
+  [])
+
+(defn view
+  []
+  (let [state (reagent/atom {})]
+    [:f>
+     (fn []
+       [preview/preview-container
+        {:state      state
+         :descriptor descriptor}
+        [quo/dropdown
+         {:on-press #(js/console.log "sooqa")
+          :icon?    true}
+         [quo/text
+          "Dropdown"]]])]))

src/status_im2/contexts/quo_preview/main.cljs

@@ -59,6 +59,8 @@
     [status-im2.contexts.quo-preview.dropdowns.dropdown :as dropdown]
     [status-im2.contexts.quo-preview.dropdowns.network-dropdown :as
      network-dropdown]
+    [status-im2.contexts.quo-preview.dropdowns.dropdown-input :as
+     dropdown-input]
     [status-im2.contexts.quo-preview.empty-state.empty-state :as empty-state]
     [status-im2.contexts.quo-preview.foundations.shadows :as shadows]
     [status-im2.contexts.quo-preview.gradient.gradient-cover :as gradient-cover]
@@ -269,7 +271,9 @@
    :dropdowns         [{:name      :dropdown
                         :component dropdown/view}
                        {:name      :network-dropdown
-                        :component network-dropdown/view}]
+                        :component network-dropdown/view}
+                       {:name      :dropdown-input
+                        :component dropdown-input/view}]
    :empty-state       [{:name      :empty-state
                         :component empty-state/view}]
    :gradient          [{:name      :gradient-cover