fix profile custom color

ci/Jenkinsfile.android

@@ -40,6 +40,9 @@ pipeline {
     BUILD_ENV = 'prod'
     NIX_CONF_DIR = "${env.WORKSPACE}/nix"
     FASTLANE_DISABLE_COLORS = 1
+    /* coverage report identification */
+    COVERALLS_SERVICE_NAME = "jenkins"
+    COVERALLS_SERVICE_JOB_ID = "${JOB_NAME}#${BUILD_NUMBER}"
   }
 
   stages {

ci/Jenkinsfile.nix-cache

@@ -61,9 +61,10 @@ pipeline {
     }
     stage('Build android jsbundle') {
       steps { script {
-        /* Build/fetch deps required for jsbundle build. */
+        /* build/fetch things required to produce a js-bundle for android
+         * (e.g. maven and node repos) */
         nix.build(
-          attr: 'targets.mobile.jsbundle',
+          attr: 'targets.mobile.android.jsbundle',
           sandbox: false,
           pure: false,
           link: false
@@ -72,7 +73,7 @@ pipeline {
     }
     stage('Build android deps') {
       steps { script {
-        /* Build/fetch deps required to build android release. */
+        /* build/fetch things required to build jsbundle and android */
         nix.build(
           attr: 'targets.mobile.android.release.buildInputs',
           sandbox: false,
@@ -83,7 +84,7 @@ pipeline {
     }
     stage('Build nix shell deps') {
       steps { script {
-        /* Build/fetch deps required to start default Nix shell. */
+        /* build/fetch things required to instantiate shell.nix for TARGET=all */
         nix.build(
           attr: 'shells.default.buildInputs',
           sandbox: false,

ci/tests/Jenkinsfile.e2e-prs

@@ -45,7 +45,6 @@ pipeline {
 
   options {
     disableConcurrentBuilds()
-    timeout(time: 90, unit: 'MINUTES')
   }
 
   stages {

modules/react-native-status/android/src/main/java/im/status/ethereum/pushnotifications/PushNotificationHelper.java

@@ -67,8 +67,8 @@ public class PushNotificationHelper {
     private static final long DEFAULT_VIBRATION = 300L;
     private static final String CHANNEL_ID = "status-im-notifications";
     public static final String ACTION_DELETE_NOTIFICATION = "im.status.ethereum.module.DELETE_NOTIFICATION";
+    public static final String ACTION_TAP_NOTIFICATION = "im.status.ethereum.module.TAP_NOTIFICATION";
     public static final String ACTION_TAP_STOP = "im.status.ethereum.module.TAP_STOP";
-    final int flag =  Build.VERSION.SDK_INT >= Build.VERSION_CODES.M ? PendingIntent.FLAG_CANCEL_CURRENT | PendingIntent.FLAG_MUTABLE : PendingIntent.FLAG_CANCEL_CURRENT;
 
     private NotificationManager notificationManager;
 
@@ -119,8 +119,13 @@ public class PushNotificationHelper {
     private final BroadcastReceiver notificationActionReceiver = new BroadcastReceiver() {
             @Override
             public void onReceive(Context context, Intent intent) {
-                if (intent.getAction() == ACTION_DELETE_NOTIFICATION) {
+                if (intent.getAction() == ACTION_TAP_NOTIFICATION ||
+                    intent.getAction() == ACTION_DELETE_NOTIFICATION) {
+                    String deepLink = intent.getExtras().getString("im.status.ethereum.deepLink");
                     String groupId = intent.getExtras().getString("im.status.ethereum.groupId");
+                    if (intent.getAction() == ACTION_TAP_NOTIFICATION) {
+                        context.startActivity(getOpenAppIntent(deepLink));
+                    }
                     if (groupId != null) {
                         cleanGroup(groupId);
                     }
@@ -136,6 +141,7 @@ public class PushNotificationHelper {
     private void registerBroadcastReceiver() {
         IntentFilter filter = new IntentFilter();
         filter.addAction(ACTION_DELETE_NOTIFICATION);
+        filter.addAction(ACTION_TAP_NOTIFICATION);
         filter.addAction(ACTION_TAP_STOP);
         context.registerReceiver(notificationActionReceiver, filter);
         Log.e(LOG_TAG, "Broadcast Receiver registered");
@@ -695,31 +701,37 @@ public class PushNotificationHelper {
 
     private StatusMessage createMessage(Bundle data) {
         Person author = getPerson(data.getBundle("notificationAuthor"));
-        long timeStampLongValue = (long) data.getDouble("timestamp");
-        return new StatusMessage(data.getString("id"), author, timeStampLongValue, data.getString("message"));
+        return new StatusMessage(data.getString("id"), author,  data.getLong("timestamp"), data.getString("message"));
     }
 
     private PendingIntent createGroupOnDismissedIntent(Context context, int notificationId, String groupId, String deepLink) {
         Intent intent = new Intent(ACTION_DELETE_NOTIFICATION);
         intent.putExtra("im.status.ethereum.deepLink", deepLink);
         intent.putExtra("im.status.ethereum.groupId", groupId);
-        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent, flag);
+        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent,
+                PendingIntent.FLAG_CANCEL_CURRENT | PendingIntent.FLAG_MUTABLE);
     }
 
     private PendingIntent createGroupOnTapIntent(Context context, int notificationId, String groupId, String deepLink) {
-        Intent intent = getOpenAppIntent(deepLink);
-        return PendingIntent.getActivity(context.getApplicationContext(), notificationId, intent, flag);
+        Intent intent = new Intent(ACTION_TAP_NOTIFICATION);
+        intent.putExtra("im.status.ethereum.deepLink", deepLink);
+        intent.putExtra("im.status.ethereum.groupId", groupId);
+        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent,
+                PendingIntent.FLAG_CANCEL_CURRENT | PendingIntent.FLAG_MUTABLE);
    }
 
     private PendingIntent createOnTapIntent(Context context, int notificationId, String deepLink) {
-        Intent intent = getOpenAppIntent(deepLink);
-        return PendingIntent.getActivity(context.getApplicationContext(), notificationId, intent, flag);
+        Intent intent = new Intent(ACTION_TAP_NOTIFICATION);
+        intent.putExtra("im.status.ethereum.deepLink", deepLink);
+        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent,
+                PendingIntent.FLAG_CANCEL_CURRENT | PendingIntent.FLAG_MUTABLE);
    }
 
     private PendingIntent createOnDismissedIntent(Context context, int notificationId, String deepLink) {
         Intent intent = new Intent(ACTION_DELETE_NOTIFICATION);
         intent.putExtra("im.status.ethereum.deepLink", deepLink);
-        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent, flag);
+        return PendingIntent.getBroadcast(context.getApplicationContext(), notificationId, intent,
+                PendingIntent.FLAG_CANCEL_CURRENT | PendingIntent.FLAG_MUTABLE);
     }
 
     public void removeStatusMessage(Bundle bundle) {

nix/deps/clojure/deps.json

@@ -103,6 +103,45 @@
     }
   },
 
+  {
+    "path": "cljsjs/react-dom-server/17.0.1-0/react-dom-server-17.0.1-0",
+    "host": "https://repo.clojars.org",
+    "pom": {
+      "sha1": "ff154f318e1f63061b5bd42d9a38fc8547360cb4",
+      "sha256": "166ynlrph7rx3nql0c85c37vcbcsnwbjamk71hw74rz451pgnncr"
+    },
+    "jar": {
+      "sha1": "d5c53eca9f3884402c76268b82e3828223dcbf90",
+      "sha256": "1530hwqpxzxfjm6dy77whqwjzzx79jpnd9xvnkxy1lnk7l7lj494"
+    }
+  },
+
+  {
+    "path": "cljsjs/react-dom/17.0.1-0/react-dom-17.0.1-0",
+    "host": "https://repo.clojars.org",
+    "pom": {
+      "sha1": "077d1a0973c23cbbff52dea7365dca4cf9de5ad5",
+      "sha256": "1ccm3l19cgy30hr03n8jgkgzmswdbg520zmg97xk8b16ncn964jn"
+    },
+    "jar": {
+      "sha1": "a98b94cbc84d264ba9892c971cfaf5920c2152f1",
+      "sha256": "0ym20h0h7mw1mxzm1r7smbj65x8nsqj3cszg82mw3aw4a8j32c29"
+    }
+  },
+
+  {
+    "path": "cljsjs/react/17.0.1-0/react-17.0.1-0",
+    "host": "https://repo.clojars.org",
+    "pom": {
+      "sha1": "d5d3681281585d981375fe7bb29362bfcd0d4449",
+      "sha256": "0rskh6mfq5h0l0wybs68w9v585a6zlnnfgrvsf5k3h51fk2p28da"
+    },
+    "jar": {
+      "sha1": "726da8a9305a865df90d81e9a8d58f87ff0ee8bd",
+      "sha256": "0bfmvw8gk98vdf9azll6041r1jaz1pmb0dyb35cfc8dr3mmr4ag7"
+    }
+  },
+
   {
     "path": "clout/clout/2.1.2/clout-2.1.2",
     "host": "https://repo.clojars.org",
@@ -975,15 +1014,15 @@
   },
 
   {
-    "path": "org/clojure/tools.logging/1.1.0/tools.logging-1.1.0",
+    "path": "org/clojure/tools.logging/0.4.1/tools.logging-0.4.1",
     "host": "https://repo1.maven.org/maven2",
     "pom": {
-      "sha1": "44b6bd9ac74cb5e2254e1f0b258d53c1829b865d",
-      "sha256": "093jy29w5gm9rp9va6qlhb6096jpf5higyk7sgmbwb5nf53qi3qb"
+      "sha1": "483bbfc82aee3c005bb1ad36dec77ba5d6c5f95c",
+      "sha256": "1qhfigr9am90fx527ax6f7z7xahgsd5hzb4pmi40n79nx3jsc9hf"
     },
     "jar": {
-      "sha1": "84cb5d00caa9df2ee504d46f6107f4708271f619",
-      "sha256": "0x2zzivn38z179lxkw9wbi9n9qwsf466lrd9y27khdz7wbxhscb5"
+      "sha1": "991bebc6e3633b85091ae929d62c116a2584aee7",
+      "sha256": "001sx1ddgx0ys0z1qphzpxjf2w35rikrfjc0h5bvvqbw8ra0vvja"
     }
   },
 
@@ -1313,15 +1352,15 @@
   },
 
   {
-    "path": "re-frame/re-frame/1.3.0/re-frame-1.3.0",
+    "path": "re-frame/re-frame/0.12.0/re-frame-0.12.0",
     "host": "https://repo.clojars.org",
     "pom": {
-      "sha1": "b1f70463fba018c5464d3fc0843232fe955c1372",
-      "sha256": "0yqq1kg1si0akr7kx7w1l4vvkdai20na6h6627ibqkgwzivkc5n5"
+      "sha1": "41fd34c15c1cf68eec81435e09d0a79fd8a88276",
+      "sha256": "08c3sxi3sdkay3550vb3gbv5czzdh2kyin4mb8cpd2wd5g2c88sq"
     },
     "jar": {
-      "sha1": "b7135a76432b8141027ba1f4eb6bb15a36acfb7c",
-      "sha256": "16wi01z0j4wn04kldwzxvj0pd9dianjyb000nv5611ikhxk1qrps"
+      "sha1": "3ff92169fe7588ad62dad2d6ea3bf0e5d3e2d224",
+      "sha256": "1m5sjskgjx028s1zpa631bp52y9hjn8l1nr8hrwiwdh09i2kpnk2"
     }
   },
 
@@ -1352,15 +1391,15 @@
   },
 
   {
-    "path": "reagent/reagent/1.2.0/reagent-1.2.0",
+    "path": "reagent/reagent/1.0.0/reagent-1.0.0",
     "host": "https://repo.clojars.org",
     "pom": {
-      "sha1": "d2279922777793edfc0ae9e01d68a832eb5ce52d",
-      "sha256": "1h1gk4cykidm1jx75dq426lrgf8r7900fcir5jz59zp1ka2a0ywb"
+      "sha1": "93ad5ccb0101108fb0843a3f2c50da28f8fd8336",
+      "sha256": "1l4xzgc4wbd8b29mhj5j336cf8w1zccaia0w413zf3bnj6jf5m38"
     },
     "jar": {
-      "sha1": "1b9a181b5c7ed3557768d2ea0c66f5616aef5e97",
-      "sha256": "0scvkzfqjs613z10rngh7427v3pxdqablf0fcl65pbpkzz16wgav"
+      "sha1": "a1dd4d40425bb2e1afad0fe72780b43ff394ccfa",
+      "sha256": "1g607s1ymns85923bvhwrsj0y5czyqqq1jmxx0a58fnsm1b318fa"
     }
   },
 

nix/deps/clojure/deps.list

@@ -6,6 +6,9 @@ camel-snake-kebab/camel-snake-kebab/0.4.3/camel-snake-kebab-0.4.3.jar
 cider/cider-nrepl/0.25.3/cider-nrepl-0.25.3.jar
 cider/piggieback/0.4.1/piggieback-0.4.1.jar
 cljs-bean/cljs-bean/1.3.0/cljs-bean-1.3.0.jar
+cljsjs/react-dom-server/17.0.1-0/react-dom-server-17.0.1-0.jar
+cljsjs/react-dom/17.0.1-0/react-dom-17.0.1-0.jar
+cljsjs/react/17.0.1-0/react-17.0.1-0.jar
 clout/clout/2.1.2/clout-2.1.2.jar
 com/andrewmcveigh/cljs-time/0.5.2/cljs-time-0.5.2.jar
 com/bhauman/cljs-test-display/0.1.1/cljs-test-display-0.1.1.jar
@@ -73,7 +76,7 @@ org/clojure/test.check/1.1.0/test.check-1.1.0.jar
 org/clojure/tools.analyzer.jvm/1.1.0/tools.analyzer.jvm-1.1.0.jar
 org/clojure/tools.analyzer/1.0.0/tools.analyzer-1.0.0.jar
 org/clojure/tools.cli/1.0.194/tools.cli-1.0.194.jar
-org/clojure/tools.logging/1.1.0/tools.logging-1.1.0.jar
+org/clojure/tools.logging/0.4.1/tools.logging-0.4.1.jar
 org/clojure/tools.macro/0.1.5/tools.macro-0.1.5.jar
 org/clojure/tools.reader/1.3.3/tools.reader-1.3.3.jar
 org/codehaus/mojo/animal-sniffer-annotations/1.14/animal-sniffer-annotations-1.14.jar
@@ -99,10 +102,10 @@ org/wildfly/common/wildfly-common/1.5.2.Final/wildfly-common-1.5.2.Final.jar
 prismatic/schema/1.1.7/schema-1.1.7.jar
 quoin/quoin/0.1.2/quoin-0.1.2.jar
 re-com/re-com/2.8.0/re-com-2.8.0.jar
-re-frame/re-frame/1.3.0/re-frame-1.3.0.jar
+re-frame/re-frame/0.12.0/re-frame-0.12.0.jar
 re-frisk-remote/re-frisk-remote/1.6.0/re-frisk-remote-1.6.0.jar
 re-frisk/sente/1.15.0/sente-1.15.0.jar
-reagent/reagent/1.2.0/reagent-1.2.0.jar
+reagent/reagent/1.0.0/reagent-1.0.0.jar
 refactor-nrepl/refactor-nrepl/2.5.0/refactor-nrepl-2.5.0.jar
 ring-cors/ring-cors/0.1.8/ring-cors-0.1.8.jar
 ring/ring-codec/1.1.2/ring-codec-1.1.2.jar

shadow-cljs.edn

@@ -1,8 +1,8 @@
 ;; shadow-cljs configuration
 {:source-paths ["src" "test/cljs"]
 
- :dependencies [[reagent "1.2.0"]
-                [re-frame "1.3.0"]
+ :dependencies [[reagent "1.0.0"]
+                [re-frame "0.12.0"]
                 [binaryage/oops "0.7.0"]
                 [com.andrewmcveigh/cljs-time "0.5.2"]
                 [status-im/timbre "4.10.0-2-status"]

src/quo2/components/buttons/button.cljs

@@ -220,10 +220,10 @@
    only icon
    [button {:icon true} :i/close-circle]"
   [_ _]
-  (let [pressed-in (reagent/atom false)]
+  (let [pressed (reagent/atom false)]
     (fn
-      [{:keys [on-press disabled type size before after above icon-secondary-no-color
-               width customization-color override-theme override-background-color pressed
+      [{:keys [on-press disabled type size before after above
+               width customization-color override-theme override-background-color
                on-long-press accessibility-label icon icon-no-color style inner-style test-ID]
         :or   {type                :primary
                size                40
@@ -234,17 +234,17 @@
                     [(or
                       override-theme
                       (theme/get-theme)) type])
-            state (cond disabled                 :disabled
-                        (or @pressed-in pressed) :pressed
-                        :else                    :default)
+            state (cond disabled :disabled
+                        @pressed :pressed
+                        :else    :default)
             icon-size (when (= 24 size) 12)
             icon-secondary-color (or icon-secondary-color icon-color)]
         [rn/touchable-without-feedback
          (merge {:test-ID             test-ID
                  :disabled            disabled
                  :accessibility-label accessibility-label
-                 :on-press-in         #(reset! pressed-in true)
-                 :on-press-out        #(reset! pressed-in nil)}
+                 :on-press-in         #(reset! pressed true)
+                 :on-press-out        #(reset! pressed nil)}
                 (when on-press
                   {:on-press on-press})
                 (when on-long-press
@@ -306,6 +306,5 @@
               [quo2.icons/icon after
                {:container-style {:margin-left  4
                                   :margin-right (if (= size 40) 12 8)}
-                :no-color        icon-secondary-no-color
                 :color           icon-secondary-color
                 :size            icon-size}]])]]]))))

src/quo2/components/buttons/dynamic_button.cljs

@@ -68,8 +68,7 @@
         :on-press-out        #(reset! pressed? false)
         :on-press            on-press
         :active-opacity      1
-        :hit-slop            {:top 5 :bottom 5 :left 5 :right 5}
-        :pointer-events      :auto
+        :style               {:padding 5}
         :accessibility-label type}
        [rn/view
         {:style (merge

src/quo2/components/buttons/predictive_keyboard/view.cljs

@@ -42,8 +42,7 @@
     (case type
       :words
       [rn/flat-list
-       {:keyboard-should-persist-taps      :always
-        :data                              words
+       {:data                              words
         :content-container-style           style/word-list
         :render-fn                         word-component
         :render-data                       {:blur?    blur?

src/quo2/components/community/community_list_view.cljs

@@ -90,8 +90,7 @@
    (merge {:underlay-color (colors/theme-colors
                             colors/neutral-5
                             colors/neutral-95)
-           :style          {:border-radius 12
-                            :margin-left   12}}
+           :style          {:border-radius 12}}
           props)
    [rn/view (merge (style/membership-info-container) style)
     [community-icon/community-icon

src/quo2/components/counter/counter.cljs

@@ -26,8 +26,9 @@
    value]
   (let [type       (or type :default)
         text-color (or override-text-color
-                       (if (or (= (theme/get-theme) :dark)
-                               (= type :default))
+                       (if (or
+                            (= (theme/get-theme) :dark)
+                            (= type :default))
                          colors/white
                          colors/neutral-100))
         value      (utils.number/parse-int value)
@@ -51,20 +52,16 @@
                                     style)
                              (= type :outline)
                              (merge {:border-width 1
-                                     :border-color (colors/get-color :yin-yang (theme/get-theme))})
+                                     :border-color (get-color type)})
 
                              (not= type :outline)
                              (assoc :background-color
                                     (or override-bg-color
-                                        (colors/get-color :yin-yang (theme/get-theme))))
+                                        (get-color type)))
 
                              (> value max-value)
                              (assoc :padding-left 0.5))}
      [text/text
       {:weight :medium
        :size   :label
-       :style  {:color (colors/get-secondary-color
-                        :yin-yang
-                        (theme/get-theme)
-                        colors/white)}}
-      label]]))
+       :style  {:color text-color}} label]]))

src/quo2/components/drawers/action_drawers/component_spec.cljs

@@ -1,62 +1,53 @@
 (ns quo2.components.drawers.action-drawers.component-spec
-  (:require [quo2.components.drawers.action-drawers.view :as action-drawer]
-            [test-helpers.component :as h]))
+  (:require ["@testing-library/react-native" :as rtl]
+            [quo2.components.drawers.action-drawers.view :as action-drawer]
+            [reagent.core :as reagent]))
 
-(h/describe "action drawer"
-  (h/test "default render"
-    (h/render [action-drawer/action-drawer
-               [[{:icon  :i/friend
-                  :label "a sample label"}]]])
-    (h/is-truthy (h/get-by-text "a sample label")))
+(defn render-action-drawer
+  ([options]
+   (rtl/render (reagent/as-element [action-drawer/action-drawer options]))))
 
-  (h/test "renders with elements sub-label displaying"
-    (h/render [action-drawer/action-drawer
-               [[{:icon      :i/friend
-                  :label     "a sample label"
-                  :sub-label "a sample sub label"}]]])
-    (h/is-truthy (h/get-by-text "a sample sub label")))
+(js/global.test "action-drawer renders with elements label displaying"
+  (fn []
+    (render-action-drawer [[{:icon  :i/friend
+                             :label "a sample label"}]])
+    (-> (js/expect (rtl/screen.getByText "a sample label"))
+        (.toBeTruthy))))
 
-  (h/test "on click action works on element"
-    (let [on-press (js/jest.fn)]
-      (h/render [action-drawer/action-drawer
-                 [[{:icon     :i/friend
-                    :label    "a sample label"
-                    :on-press on-press}]]])
-      (h/fire-event :press (h/get-by-text "a sample label"))
-      (h/was-called on-press)))
+(js/global.test "action-drawer renders with elements sub-label displaying"
+  (fn []
+    (render-action-drawer [[{:icon      :i/friend
+                             :label     "a sample label"
+                             :sub-label "a sample sub label"}]])
+    (-> (js/expect (rtl/screen.getByText "a sample sub label"))
+        (.toBeTruthy))))
 
-  (h/test "disabled state"
-    (let [on-press-muted  (js/jest.fn)
-          on-press-friend (js/jest.fn)
-          label-mute      "Mute"
-          label-friend    "View member details"]
-      (h/render [action-drawer/action-drawer
-                 [[{:icon     :i/muted
-                    :label    label-mute
-                    :on-press on-press-muted}
-                   {:icon      :i/friend
-                    :label     label-friend
-                    :disabled? true
-                    :on-press  on-press-friend}]]])
-      (h/fire-event :press (h/get-by-text label-mute))
-      (h/was-called on-press-muted)
+(js/global.test "action-drawer on click action works on element"
+  (let [event (js/jest.fn)]
+    (fn []
+      (render-action-drawer [[{:icon     :i/friend
+                               :label    "a sample label"
+                               :on-press event}]])
+      (rtl/fireEvent.press (rtl/screen.getByText "a sample label"))
+      (-> (js/expect event)
+          (.toHaveBeenCalled)))))
 
-      (h/fire-event :press (h/get-by-text label-friend))
-      (h/was-not-called on-press-friend)))
+(js/global.test "action-drawer renders two icons when set"
+  (fn []
+    (render-action-drawer [[{:icon                :i/friend
+                             :label               "a sample label"
+                             :right-icon          :i/friend
+                             :accessibility-label :first-element}]])
+    (-> (js/expect (rtl/screen.getByLabelText "right-icon-for-action"))
+        (.toBeTruthy))
+    (-> (js/expect (rtl/screen.queryByLabelText "left-icon-for-action"))
+        (.toBeTruthy))))
 
-  (h/test "renders two icons when set"
-    (h/render [action-drawer/action-drawer
-               [[{:icon                :i/friend
-                  :label               "a sample label"
-                  :right-icon          :i/friend
-                  :accessibility-label :first-element}]]])
-    (h/is-truthy (h/get-by-label-text "right-icon-for-action"))
-    (h/is-truthy (h/query-by-label-text "left-icon-for-action")))
-
-  (h/test "renders a divider when the add-divider? prop is true"
-    (h/render [action-drawer/action-drawer
-               [[{:icon                :i/friend
-                  :label               "a sample label"
-                  :add-divider?        true
-                  :accessibility-label :first-element}]]])
-    (h/is-truthy (h/get-all-by-label-text "divider"))))
+(js/global.test "action-drawer renders a divider when the add-divider? prop is true"
+  (fn []
+    (render-action-drawer [[{:icon                :i/friend
+                             :label               "a sample label"
+                             :add-divider?        true
+                             :accessibility-label :first-element}]])
+    (-> (js/expect (rtl/screen.getAllByLabelText "divider"))
+        (.toBeTruthy))))

src/quo2/components/drawers/action_drawers/style.cljs

@@ -11,10 +11,9 @@
    :flex-direction   :row})
 
 (defn container
-  [sub-label disabled?]
+  [sub-label]
   {:border-radius     12
    :height            (if sub-label 58 50)
-   :opacity           (when disabled? 0.3)
    :margin-horizontal 8})
 
 (defn row-container

src/quo2/components/drawers/action_drawers/view.cljs

@@ -18,19 +18,12 @@
     :accessible          true
     :accessibility-label :divider}])
 
-(defn- maybe-pressable
-  [disabled? props child]
-  (if disabled?
-    [rn/view (dissoc props :on-press) child]
-    [rn/touchable-highlight props child]))
-
-(defn- action
+(defn action
   [{:keys [icon
            label
            sub-label
            right-icon
            danger?
-           disabled?
            on-press
            add-divider?
            override-theme
@@ -40,9 +33,9 @@
     [:<> {:key label}
      (when add-divider?
        [divider])
-     [maybe-pressable disabled?
+     [rn/touchable-highlight
       {:accessibility-label accessibility-label
-       :style               (style/container sub-label disabled?)
+       :style               (style/container sub-label)
        :underlay-color      (colors/theme-colors colors/neutral-5 colors/neutral-90 override-theme)
        :on-press            on-press}
       [rn/view

src/quo2/components/drawers/documentation_drawers/style.cljs

@@ -1,9 +1,10 @@
 (ns quo2.components.drawers.documentation-drawers.style)
 
 (def container
-  {:align-items        :flex-start
-   :padding-horizontal 20})
+  {:align-items :flex-start
+   :padding     20})
 
 (def content
-  {:margin-top    8
+  {:margin-top    12
    :margin-bottom 16})
+

src/quo2/components/drawers/drawer_buttons/style.cljs

@@ -1,11 +1,10 @@
 (ns quo2.components.drawers.drawer-buttons.style
-  (:require [quo2.foundations.colors :as colors]))
+  (:require [quo2.foundations.colors :as colors]
+            [react-native.platform :as platform]))
 
 (def outer-container
-  {:height                  216
-   :border-top-left-radius  20
-   :border-top-right-radius 20
-   :overflow                :hidden})
+  {:height        216
+   :border-radius 20})
 
 (def top-card
   {:flex                    1
@@ -13,7 +12,9 @@
    :padding-horizontal      20
    :border-top-left-radius  20
    :border-top-right-radius 20
-   :background-color        colors/neutral-80-opa-80-blur})
+   :background-color        (if platform/ios?
+                              colors/neutral-80-opa-80-blur
+                              colors/neutral-80)})
 
 (def bottom-card
   {:position                :absolute
@@ -32,11 +33,11 @@
    :justify-content :space-between})
 
 (def bottom-icon
-  {:border-radius   32
+  {:border-radius   40
    :border-width    1
    :margin-left     24
-   :height          32
-   :width           32
+   :height          28
+   :width           28
    :justify-content :center
    :align-items     :center
    :border-color    colors/white-opa-5})
@@ -51,4 +52,4 @@
 (defn heading-text
   [gap]
   {:color         colors/white
-   :margin-bottom gap})
+   :margin-bottom gap})

src/quo2/components/drawers/drawer_buttons/view.cljs

@@ -71,28 +71,14 @@
     child-2           string, keyword or hiccup
    "
   [{:keys [container-style top-card bottom-card]} child-1 child-2]
-  [rn/view
+  [blur/ios-view
    {:style (merge container-style style/outer-container)}
-   [blur/view
-    {:blur-type   :dark
-     :blur-amount 10
-     :style       {:flex                    1
-                   :border-top-left-radius  20
-                   :border-top-right-radius 20}}]
-   [rn/view
-    {:style {:flex             1
-             :background-color :transparent
-             :position         :absolute
-             :top              0
-             :left             0
-             :right            0
-             :bottom           0}}
-    [card
-     (merge {:gap   4
-             :top?  true
-             :style style/top-card}
-            top-card) child-1]
-    [card
-     (merge {:style style/bottom-card
-             :gap   20}
-            bottom-card) child-2]]])
+   [card
+    (merge {:gap   4
+            :top?  true
+            :style style/top-card}
+           top-card) child-1]
+   [card
+    (merge {:style style/bottom-card
+            :gap   20}
+           bottom-card) child-2]])

src/quo2/components/dropdowns/dropdown.cljs

@@ -1,14 +1,165 @@
 (ns quo2.components.dropdowns.dropdown
-  (:require [quo2.components.buttons.button :as button]))
+  (:require [quo2.components.icon :as icons]
+            [quo2.components.markdown.text :as text]
+            [quo2.foundations.colors :as colors]
+            [react-native.core :as rn]
+            [react-native.reanimated :as reanimated]
+            [reagent.core :as reagent]))
+
+(defn apply-anim
+  [dd-height val]
+  (reanimated/animate-shared-value-with-delay dd-height
+                                              val
+                                              300
+                                              :easing1
+                                              0))
+
+(def sizes
+  {:big    {:icon-size 20
+            :font      {:font-size :paragraph-1}
+            :height    40
+            :padding   {:padding-with-icon    {:padding-vertical   9
+                                               :padding-horizontal 12}
+                        :padding-with-no-icon {:padding-vertical 9
+                                               :padding-left     12
+                                               :padding-right    8}}}
+   :medium {:icon-size 20
+            :font      {:font-size :paragraph-1}
+            :height    32
+            :padding   {:padding-with-icon    {:padding-vertical   5
+                                               :padding-horizontal 8}
+                        :padding-with-no-icon {:padding-vertical 5
+                                               :padding-left     12
+                                               :padding-right    8}}}
+   :small  {:icon-size 15
+            :font      {:font-size :paragraph-2}
+            :height    24
+            :padding   {:padding-with-icon    {:padding-vertical   3
+                                               :padding-horizontal 6}
+                        :padding-with-no-icon {:padding-vertical   3
+                                               :padding-horizontal 6}}}})
+(defn color-by-10
+  [color]
+  (colors/alpha color 0.6))
+
+(defn dropdown-comp
+  [{:keys [icon dd-height size disabled? dd-color use-border? border-color]}]
+  (let [dark?                                                         (colors/dark?)
+        {:keys [width height width-with-icon padding font icon-size]} (size sizes)
+        {:keys [padding-with-icon padding-with-no-icon]}              padding
+        font-size                                                     (:font-size font)
+        spacing                                                       (case size
+                                                                        :big    4
+                                                                        :medium 2
+                                                                        :small  2)
+        open?                                                         (reagent/atom false)]
+    (fn []
+      [rn/touchable-opacity
+       (cond->
+         {:on-press (fn []
+                      (if (swap! open? not)
+                        (apply-anim dd-height 120)
+                        (apply-anim dd-height 0)))
+          :style    (cond->
+                      (merge
+                       (if icon
+                         padding-with-icon
+                         padding-with-no-icon)
+                       {:width            (if icon
+                                            width-with-icon
+                                            width)
+                        :height           height
+                        :border-radius    (case size
+                                            :big    12
+                                            :medium 10
+                                            :small  8)
+                        :flex-direction   :row
+                        :align-items      :center
+                        :background-color (if @open?
+                                            dd-color
+                                            (color-by-10 dd-color))})
+                      use-border? (assoc :border-width 1
+                                         :border-color (if @open?
+                                                         border-color
+                                                         (color-by-10 border-color))))}
+         disabled? (assoc-in [:style :opacity] 0.3)
+         disabled? (assoc :disabled true))
+       (when icon
+         [icons/icon icon
+          {:no-color        true
+           :size            20
+           :container-style {:margin-right spacing
+                             :margin-top   1
+                             :width        icon-size
+                             :height       icon-size}}])
+       [text/text
+        {:size   font-size
+         :weight :medium
+         :font   :font-medium
+         :color  :main} "Dropdown"]
+       [icons/icon
+        (if @open?
+          (if dark?
+            :main-icons/pullup-dark
+            :main-icons/pullup)
+          (if dark?
+            :main-icons/dropdown-dark
+            :main-icons/dropdown))
+        {:size            20
+         :no-color        true
+         :container-style {:width         (+ icon-size 3)
+                           :border-radius 20
+                           :margin-left   (if (= :small size)
+                                            2
+                                            4)
+                           :margin-top    1
+                           :height        (+ icon-size 4)}}]])))
+
+(defn items-comp
+  [{:keys [items on-select]}]
+  (let [items-count (count items)]
+    [rn/scroll-view
+     {:horizontal          false
+      :nestedScrollEnabled true}
+     (doall
+      (map-indexed (fn [index item]
+                     [rn/touchable-opacity
+                      {:key      (str item index)
+                       :style    {:padding             4
+                                  :border-bottom-width (if (= index (- items-count 1))
+                                                         0
+                                                         1)
+                                  :border-color        (colors/theme-colors
+                                                        colors/neutral-100
+                                                        colors/white)
+                                  :text-align          :center}
+                       :on-press #(on-select item)}
+                      [text/text {:style {:text-align :center}} item]])
+                   items))]))
+
+(defn- f-dropdown
+  [{:keys [items icon text default-item on-select size disabled? border-color use-border? dd-color]}]
+  (let [dd-height (reanimated/use-shared-value 0)]
+    [rn/view {:style {:flex-grow 1}}
+     [dropdown-comp
+      {:items        items
+       :icon         icon
+       :disabled?    disabled?
+       :size         size
+       :dd-color     dd-color
+       :text         text
+       :border-color (colors/custom-color-by-theme border-color 50 60)
+       :use-border?  use-border?
+       :default-item default-item
+       :dd-height    dd-height}]
+     [reanimated/view
+      {:style (reanimated/apply-animations-to-style
+               {:height dd-height}
+               {})}
+      [items-comp
+       {:items     items
+        :on-select on-select}]]]))
 
 (defn dropdown
-  [_ _]
-  (fn [{:keys [on-change selected] :as opts} children]
-    [button/button
-     (merge
-      opts
-      {:after                   (if selected :i/pullup :i/dropdown)
-       :icon-secondary-no-color true
-       :pressed                 selected
-       :on-press                #(when on-change (on-change selected))})
-     children]))
+  [params]
+  [:f> f-dropdown params])

src/quo2/components/empty_state/empty_state/styles.cljs

@@ -1,30 +0,0 @@
-(ns quo2.components.empty-state.empty-state.styles
-  (:require [quo2.foundations.colors :as colors]))
-
-(def container
-  {:padding     12
-   :align-items :center})
-
-(def image
-  {:width  80
-   :height 80})
-
-(def text-container
-  {:margin-top  12
-   :align-items :center})
-
-(defn title
-  [blur?]
-  (cond-> {:margin-bottom 2}
-    blur? (assoc :color colors/white)))
-
-(defn description
-  [blur?]
-  (when blur?
-    {:color colors/white}))
-
-(def button-container {:margin-top 20})
-
-(defn upper-button-color
-  [customization-color]
-  (colors/custom-color-by-theme customization-color 50 60))

src/quo2/components/empty_state/empty_state/view.cljs

@@ -1,50 +0,0 @@
-(ns quo2.components.empty-state.empty-state.view
-  (:require [quo2.components.buttons.button :as button]
-            [quo2.components.empty-state.empty-state.styles :as styles]
-            [quo2.components.markdown.text :as text]
-            [react-native.core :as rn]
-            [react-native.fast-image :as fast-image]))
-
-(defn empty-state
-  [{:keys        [customization-color image title description blur?]
-    upper-button :upper-button
-    lower-button :lower-button
-    :or          {customization-color :blue}}]
-  [rn/view {:style styles/container}
-   [fast-image/fast-image
-    {:style  styles/image
-     :source image}]
-   [rn/view {:style styles/text-container}
-    [text/text
-     {:style           (styles/title blur?)
-      :number-of-lines 1
-      :weight          :semi-bold
-      :size            :paragraph-1}
-     title]
-    [text/text
-     {:style           (styles/description blur?)
-      :number-of-lines 1
-      :text-align      :center
-      :weight          :regular
-      :size            :paragraph-2}
-     description]]
-   (when-let [{upper-button-text     :text
-               upper-button-on-press :on-press} upper-button]
-     [rn/view {:style styles/button-container}
-      [button/button
-       (cond-> {:type                      :primary
-                :size                      32
-                :override-background-color (styles/upper-button-color customization-color)
-                :on-press                  upper-button-on-press}
-         blur? (assoc :override-theme :dark))
-       upper-button-text]
-
-      (when-let [{lower-button-text     :text
-                  lower-button-on-press :on-press} lower-button]
-        [button/button
-         (cond-> {:style    {:margin-top 12}
-                  :size     32
-                  :type     :blur-bg
-                  :on-press lower-button-on-press}
-           blur? (assoc :override-theme :dark))
-         lower-button-text])])])

src/quo2/components/info/info_message.cljs

@@ -22,26 +22,27 @@
   opts
   {:type           :default/:success/:error
    :size           :default/:tiny
-   :icon           :i/info       ;; info message icon
-   :text-color     colors/white  ;; text color override
-   :icon-color     colors/white  ;; icon color override
-   :no-icon-color? false         ;; disable tint color for icon"
+   :icon           :i/info ;; info message icon
+   :text-color     colors/white     ;; text color override
+   :icon-color     colors/white    ;; icon color override
+   :no-icon-color? false       ;; disable tint color for icon"
   [{:keys [type size icon text-color icon-color no-icon-color? style]} message]
-  (let [weight     (if (= size :default) :regular :medium)
-        icon-size  (if (= size :default) 16 12)
-        size       (if (= size :default) :paragraph-2 :label)
-        text-color (or text-color (get-color type))
-        icon-color (or icon-color text-color)]
+  (let [weight          (if (= size :default) :regular :medium)
+        icon-size       (if (= size :default) 16 12)
+        icon-margin-top (if (= size :default) 2 3)
+        size            (if (= size :default) :paragraph-2 :label)
+        text-color      (or text-color (get-color type))
+        icon-color      (or icon-color text-color)]
     [rn/view
-     {:style (merge {:flex-direction :row
-                     :align-items    :center}
+     {:style (merge {:flex-direction :row}
                     style)}
      [quo2.icons/icon icon
-      {:color    icon-color
-       :no-color no-icon-color?
-       :size     icon-size}]
+      {:color           icon-color
+       :no-color        no-icon-color?
+       :size            icon-size
+       :container-style {:margin-top icon-margin-top}}]
      [text/text
       {:size   size
        :weight weight
        :style  {:color             text-color
-                :margin-horizontal 4}} message]]))
+                :margin-horizontal 8}} message]]))

src/quo2/components/inputs/profile_input/style.cljs

@@ -13,7 +13,7 @@
 
 (def button
   {:position      :absolute
-   :top           24
+   :top           23
    :bottom        0
    :left          33
    :right         0

src/quo2/components/inputs/profile_input/view.cljs

@@ -22,7 +22,7 @@
       (if platform/ios?
         [hole-view/hole-view
          {:holes [{:x            33
-                   :y            24
+                   :y            23
                    :width        24
                    :height       24
                    :borderRadius 12}]}

src/quo2/components/inputs/recovery_phrase/component_spec.cljs

@@ -28,9 +28,8 @@
   (h/describe "Error text"
     (h/test "Marked when words doesn't satisfy a predicate"
       (h/render [recovery-phrase/recovery-phrase-input
-                 {:mark-errors?             true
-                  :error-pred-current-word  #(>= (count %) 5)
-                  :error-pred-written-words #(>= (count %) 5)}
+                 {:mark-errors? true
+                  :error-pred   #(>= (count %) 5)}
                  "Text with some error words that don't satisfy the predicate"])
       (let [children-text-nodes            (-> (h/get-by-label-text :recovery-phrase-input)
                                                (oops/oget "props" "children" "props" "children")

src/quo2/components/inputs/recovery_phrase/view.cljs

@@ -15,27 +15,15 @@
    text])
 
 (defn- mark-error-words
-  [pred-last-word pred-previous-words text word-limit]
-  (let [last-index (dec (count (string/split text #"\s+")))
-        words      (map #(apply str %)
-                        (partition-by #(= " " %) text))]
-    (->> words
-         (reduce (fn [{:keys [idx] :as acc} word]
-                   (let [error-pred        (if (= last-index idx) pred-last-word pred-previous-words)
-                         invalid-word?     (and (or (error-pred word)
-                                                    (>= idx word-limit))
-                                                (not (string/blank? word)))
-                         not-blank-spaces? (not (string/blank? word))]
-                     (cond-> acc
-                       not-blank-spaces? (update :idx inc)
-                       :always           (update :result
-                                                 conj
-                                                 (if invalid-word?
-                                                   [error-word word]
-                                                   word)))))
-                 {:result [:<>]
-                  :idx    0})
-         :result)))
+  [pred text word-limit]
+  (let [word-limit (or word-limit ##Inf)]
+    (into [:<>]
+          (comp (map-indexed (fn [idx word]
+                               (if (or (pred word) (>= idx word-limit))
+                                 [error-word word]
+                                 word)))
+                (interpose " "))
+          (string/split text #" "))))
 
 (defn recovery-phrase-input
   [_ _]
@@ -43,11 +31,9 @@
         set-focused #(reset! state :focused)
         set-default #(reset! state :default)]
     (fn [{:keys [customization-color override-theme blur? on-focus on-blur mark-errors?
-                 error-pred-current-word error-pred-written-words word-limit]
-          :or   {customization-color      :blue
-                 word-limit               ##Inf
-                 error-pred-current-word  (constantly false)
-                 error-pred-written-words (constantly false)}
+                 error-pred word-limit]
+          :or   {customization-color :blue
+                 error-pred          (constantly false)}
           :as   props}
          text]
       (let [extra-props (apply dissoc props custom-props)]
@@ -67,5 +53,5 @@
                                             (when on-blur (on-blur)))}
                  extra-props)
           (if mark-errors?
-            (mark-error-words error-pred-current-word error-pred-written-words text word-limit)
+            (mark-error-words error-pred text word-limit)
             text)]]))))

src/quo2/components/inputs/title_input/view.cljs

@@ -15,15 +15,13 @@
 (defn title-input
   [{:keys [blur?
            on-change-text
-           auto-focus
            placeholder
            max-length
            default-value
            override-theme]
     :or   {max-length    0
-           auto-focus    false
            default-value ""}}]
-  (let [focused?  (reagent/atom auto-focus)
+  (let [focused?  (reagent/atom false)
         value     (reagent/atom default-value)
         on-change (fn [v]
                     (reset! value v)
@@ -44,7 +42,6 @@
           :keyboard-appearance (theme/theme-value :light :dark override-theme)
           :on-focus #(swap! focused? (fn [] true))
           :on-blur #(swap! focused? (fn [] false))
-          :auto-focus auto-focus
           :input-mode :text
           :on-change-text on-change
           :editable (not disabled?)

src/quo2/components/navigation/floating_shell_button.cljs

@@ -14,10 +14,6 @@
       :style               style
       :customization-color customization-color}]))
 
-(defn- section
-  [children]
-  [rn/view {:style {:flex 1} :pointer-events :box-none} children])
-
 (defn- f-floating-shell-button
   [dynamic-buttons style opacity-anim]
   (let [original-style (merge {:flex-direction    :row
@@ -31,14 +27,14 @@
                         original-style)]
     [reanimated/view {:style animated-style}
      ;; Left Section
-     [section
+     [rn/view {:style {:flex 1}}
       [dynamic-button-view :search dynamic-buttons
        {:position :absolute
         :right    8}]]
      ;; Mid Section (jump-to)
      [dynamic-button-view :jump-to dynamic-buttons nil]
      ;; Right Section
-     [section
+     [rn/view {:style {:flex 1}}
       [rn/view
        {:style {:position       :absolute
                 :flex-direction :row

src/quo2/components/profile/profile_card/style.cljs

@@ -27,8 +27,7 @@
   {:color colors/white})
 
 (def emoji-hash
-  {:margin-top     12
-   :letter-spacing 1.5})
+  {:margin-top 12})
 
 (def user-hash
   {:margin-top 2

src/quo2/components/profile/profile_card/view.cljs

@@ -94,8 +94,9 @@
            style/keycard-icon))]
        (when show-user-hash?
          [text/text
-          {:weight :monospace
-           :style  style/user-hash} hash])
+          {:weight          :monospace
+           :number-of-lines 1
+           :style           style/user-hash} hash])
        (when (and show-emoji-hash? emoji-hash)
          [text/text
           {:weight          :monospace

src/quo2/components/reactions/reaction.cljs

@@ -1,7 +1,6 @@
 (ns quo2.components.reactions.reaction
   (:require [quo2.components.icon :as icons]
             [quo2.components.markdown.text :as text]
-            [quo2.components.reactions.resource :as resource]
             [quo2.components.reactions.style :as style]
             [quo2.foundations.colors :as colors]
             [quo2.theme :as theme]
@@ -14,7 +13,7 @@
      {:on-press            on-press
       :accessibility-label :emoji-reaction-add
       :style               (style/add-reaction)}
-     [icons/icon :i/add-reaction
+     [icons/icon :i/add
       {:size  20
        :color (if dark?
                 colors/white
@@ -22,17 +21,15 @@
 
 (defn reaction
   "Add your emoji as a param here"
-  [{:keys [emoji clicks neutral? on-press accessibility-label on-long-press]}]
+  [{:keys [emoji clicks neutral? on-press accessibility-label]}]
   (let [numeric-value (int clicks)]
     [rn/touchable-opacity
      {:on-press            on-press
-      :on-long-press       on-long-press
       :accessibility-label accessibility-label
       :style               (style/reaction neutral?)}
-     [rn/image
-      {:style               {:width 16 :height 16}
-       :accessibility-label :emoji
-       :source              (resource/get-reaction emoji)}]
+     [icons/icon emoji
+      {:no-color true
+       :size     16}]
      [text/text
       {:size            :paragraph-2
        :weight          :semi-bold

src/quo2/components/reactions/resource.clj

@@ -1,30 +0,0 @@
-(ns quo2.components.reactions.resource
-  (:require [clojure.java.io :as io]
-            [clojure.string :as string]))
-
-(def ^:private reactions-dir "./resources/images/reactions/")
-
-(defn- resolve-reaction
-  [reaction]
-  (let [path (str reactions-dir (name reaction) ".png")
-        file (io/file path)]
-    (when (.exists file)
-      `(js/require ~(str "." path)))))
-
-(defn- find-all-image-base-names
-  []
-  (let [dir (io/file reactions-dir)]
-    (->> dir
-         file-seq
-         (filter #(string/ends-with? % "png"))
-         (map #(.getName %))
-         (map #(string/replace % #"\.png$" ""))
-         (map #(first (string/split % #"@")))
-         distinct)))
-
-(defmacro resolve-all-reactions
-  []
-  (reduce (fn [acc reaction]
-            (assoc acc reaction (resolve-reaction reaction)))
-          {}
-          (find-all-image-base-names)))

src/quo2/components/reactions/resource.cljs

@@ -1,12 +0,0 @@
-(ns quo2.components.reactions.resource
-  (:require-macros [quo2.components.reactions.resource :refer [resolve-all-reactions]]))
-
-(def ^:private reactions
-  (resolve-all-reactions))
-
-(defn get-reaction
-  [reaction]
-  (assert (keyword? reaction) "Reaction should be a keyword")
-  (assert (= "reaction" (namespace reaction))
-          "Reaction keyword should be namespaced with :reaction")
-  (get reactions (name reaction)))

src/quo2/components/selectors/disclaimer/view.cljs

@@ -6,9 +6,9 @@
 
 (defn view
   [{:keys [checked? blur? accessibility-label container-style on-change]} label]
-  [rn/touchable-without-feedback
+  [rn/touchable-opacity
    {:on-press            on-change
-    :accessibility-label :disclaimer-touchable-opacity}
+    :accessibility-label "disclaimer-touchable-opacity"}
    [rn/view {:style (merge container-style (style/container blur?))}
     [selectors/checkbox
      {:accessibility-label accessibility-label

src/quo2/components/selectors/reactions/component_spec.cljs

@@ -1,23 +0,0 @@
-(ns quo2.components.selectors.reactions.component-spec
-  (:require [quo2.components.selectors.reactions.view :as view]
-            [test-helpers.component :as h]))
-
-(h/describe "Selectors > Reactions"
-  (h/test "renders component"
-    (h/render [view/view :reaction/sad])
-    (h/is-truthy (h/get-by-label-text :reaction)))
-
-  (h/describe "on-press event"
-    (h/test "starts with released state"
-      (let [on-press (h/mock-fn)]
-        (h/render [view/view :reaction/love {:on-press on-press}])
-        (h/fire-event :press (h/get-by-label-text :reaction))
-        (h/was-called on-press)))
-
-    (h/test "starts with pressed state"
-      (let [on-press (h/mock-fn)]
-        (h/render [view/view :reaction/love
-                   {:on-press       on-press
-                    :start-pressed? true}])
-        (h/fire-event :press (h/get-by-label-text :reaction))
-        (h/was-called on-press)))))

src/quo2/components/selectors/reactions/style.cljs

@@ -1,11 +0,0 @@
-(ns quo2.components.selectors.reactions.style
-  (:require [quo2.foundations.colors :as colors]))
-
-(defn container
-  [pressed?]
-  {:padding          10
-   :border-radius    12
-   :border-width     1
-   :border-color     (colors/theme-colors colors/neutral-20 colors/neutral-80)
-   :background-color (when pressed?
-                       (colors/theme-colors colors/neutral-10 colors/neutral-80-opa-40))})