Makefile change to run test watcher and test js backend separately

Makefile

@@ -353,14 +353,17 @@ test: export SHADOW_NS_REGEXP := .*-test$$
 test: ##@test Run all Clojure tests
 test: _test-clojure
 
-test-watch-for-repl: export TARGET := default
-test-watch-for-repl: export SHADOW_OUTPUT_TO := target/test/test.js
-test-watch-for-repl: export SHADOW_NS_REGEXP := .*-test$$
-test-watch-for-repl: ##@test Watch all Clojure tests and support REPL connections
-	yarn install && shadow-cljs compile mocks && \
-	concurrently --kill-others --prefix-colors 'auto' --names 'build,repl' \
-		'yarn shadow-cljs watch test --verbose' \
-		"until [ -f $$SHADOW_OUTPUT_TO ] ; do sleep 1 ; done ; node --require ./test-resources/override.js $$SHADOW_OUTPUT_TO --repl"
+test-repl-run-watcher: export TARGET := default
+test-repl-run-watcher: export SHADOW_OUTPUT_TO := target/test/test.js
+test-repl-run-watcher: export SHADOW_NS_REGEXP := .*-test$$
+test-repl-run-watcher: ##@test Watch all Clojure tests and support REPL connections
+	yarn install && shadow-cljs compile mocks && yarn shadow-cljs watch test
+
+test-repl-run-js-backend: export TARGET := default
+test-repl-run-js-backend: export SHADOW_OUTPUT_TO := target/test/test.js
+test-repl-run-js-backend: export SHADOW_NS_REGEXP := .*-test$$
+test-repl-run-js-backend: ##@test Run Clojure tests in node with REPL support
+	node --require ./test-resources/override.js $$SHADOW_OUTPUT_TO --repl # \
 
 test-unit: export SHADOW_OUTPUT_TO := target/unit_test/test.js
 test-unit: export SHADOW_NS_REGEXP := ^(?!tests\.integration-test)(?!tests\.contract-test).*-test$$

src/quo/components/tags/summary_tag/style.cljs

@@ -4,7 +4,8 @@
 
 (defn main
   [{:keys [type customization-color]} theme]
-  {:align-items      :center
+  {:justify-content  :center
+   :align-items      :center
    :height           32
    :padding-left     4
    :padding-right    10

src/quo/components/tags/summary_tag/view.cljs

@@ -67,9 +67,7 @@
       :style               (style/main (assoc props :customization-color customization-color) theme)}
      [left-view props]
      [text/text
-      {:style           (style/label type theme)
-       :weight          :semi-bold
-       :ellipsize-mode  :tail
-       :number-of-lines 1
-       :size            :heading-1}
+      {:style  (style/label type theme)
+       :weight :semi-bold
+       :size   :heading-1}
       label]]))

src/status_im/contexts/syncing/scan_sync_code/view.cljs

@@ -346,7 +346,8 @@
                                               #(reset! camera-permission-granted? %)
                                               #(reset! camera-permission-granted? false)))))
         [:<>
-         background
+         [rn/view {:style style/absolute-fill}
+          background]
          (when camera-ready-to-scan?
            [render-camera
             {:torch-mode            torch-mode

src/status_im/contexts/wallet/connected_dapps/view.cljs

@@ -1,16 +1,16 @@
 (ns status-im.contexts.wallet.connected-dapps.view
   (:require
-   [quo.core :as quo]
-   [quo.foundations.colors :as colors]
-   [quo.theme]
-   [react-native.core :as rn]
-   [react-native.safe-area :as safe-area]
-   [status-im.common.plus-button.view :as plus-button]
-   [status-im.common.resources :as resources]
-   [status-im.contexts.wallet.connected-dapps.disconnect-dapp.view :as disconnect-dapp]
-   [status-im.contexts.wallet.connected-dapps.style :as style]
-   [utils.i18n :as i18n]
-   [utils.re-frame :as rf]))
+    [quo.core :as quo]
+    [quo.foundations.colors :as colors]
+    [quo.theme]
+    [react-native.core :as rn]
+    [react-native.safe-area :as safe-area]
+    [status-im.common.plus-button.view :as plus-button]
+    [status-im.common.resources :as resources]
+    [status-im.contexts.wallet.connected-dapps.disconnect-dapp.view :as disconnect-dapp]
+    [status-im.contexts.wallet.connected-dapps.style :as style]
+    [utils.i18n :as i18n]
+    [utils.re-frame :as rf]))
 
 (defn- on-disconnect
   [wallet-account {:keys [name topic]}]

src/status_im/contexts/wallet/wallet_connect/modals/common/header/style.cljs

@@ -1,15 +1,10 @@
 (ns status-im.contexts.wallet.wallet-connect.modals.common.header.style)
 
 (def header-container
-  {:padding-vertical 12
-   :flex-direction   :column
-   :align-items      :stretch})
+  {:padding-vertical 12})
 
 (def header-dapp-name
-  {:flex-direction :row})
-
-(def header-text
-  {:margin-vertical 4})
+  {:margin-top -4})
 
 (def header-account-name
-  {:align-items :flex-start})
+  {:padding-top 4})

src/status_im/contexts/wallet/wallet_connect/modals/common/header/view.cljs

@@ -5,23 +5,22 @@
 
 (defn view
   [{:keys [label dapp account]}]
-  [rn/view {:style style/header-container}
-   (let [{:keys [name iconUrl]} dapp]
-     [rn/view {:style style/header-dapp-name}
-      [rn/view {:flex 1}
+  [rn/view
+   {:style style/header-container}
+   [quo/text
+    {:size   :heading-1
+     :weight :semi-bold}
+    (let [{:keys [name iconUrl]} dapp]
+      [rn/view {:style style/header-dapp-name}
        [quo/summary-tag
         {:type         :dapp
          :label        name
-         :image-source iconUrl}]]])
-   [quo/text
-    {:size   :heading-1
-     :weight :semi-bold
-     :style  style/header-text}
-    label]
-   (let [{:keys [emoji customization-color name]} account]
-     [rn/view {:style style/header-account-name}
-      [quo/summary-tag
-       {:type                :account
-        :emoji               emoji
-        :label               name
-        :customization-color customization-color}]])])
+         :image-source iconUrl}]])
+    (str " " label " ")
+    (let [{:keys [emoji customization-color name]} account]
+      [rn/view {:style style/header-account-name}
+       [quo/summary-tag
+        {:type                :account
+         :emoji               emoji
+         :label               name
+         :customization-color customization-color}]])]])