status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[FIX #3379] Support platform specific :uppercase? as a text prop 

Signed-off-by: Julien Eluard <julien.eluard@gmail.com>
This commit is contained in:
dongwoo 2018-02-27 00:38:56 +01:00 committed by Julien Eluard
parent 8c6dde8e06
commit c8e88a74b4
No known key found for this signature in database
GPG Key ID: 6FD7DB5437FCBEF6
17 changed files with 40 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/status_im/android/platform.cljs
View File

@ -16,7 +16,6 @@
:chats {:action-button? true
:new-chat-in-toolbar? false
:render-separator? false}
:uppercase? true
:contacts {:action-button? true
:new-contact-in-toolbar? false}
:group-block-shadows? true

1
src/status_im/ios/platform.cljs
View File

@ -26,7 +26,6 @@
:chats {:action-button? false
:new-chat-in-toolbar? true
:render-separator? true}
:uppercase? false
:contacts {:action-button? false
:new-contact-in-toolbar? true}
:group-block-shadows? false

2
src/status_im/ui/components/button/view.cljs
View File

@ -18,7 +18,7 @@
(when disabled?
{:opacity 0.4}))
:font (if platform/android? :medium :default)
:uppercase? (get-in platform/platform-specific [:uppercase?])}
:uppercase? true}
label]
icon]])

7
src/status_im/ui/components/common/common.cljs
View File

@ -76,7 +76,7 @@
[react/touchable-highlight {:on-press on-press :disabled disabled?}
[react/view (styles/bottom-button disabled?)
[react/text {:style styles/bottom-button-label
:uppercase? platform/android?}
:uppercase? true}
(or label (i18n/label :t/next))]
(when forward?
[icons/icon :icons/forward {:color colors/blue}])]])
@ -84,6 +84,7 @@
(defn button [{:keys [on-press label background? style] :or {background? true}}]
[react/touchable-highlight {:on-press on-press}
[react/view {:style (styles/button style background?)}
[react/text {:uppercase? platform/android?
:style styles/button-label}
[react/text {:uppercase? true
:style styles/button-label}
label]]])

21
src/status_im/ui/components/react.cljs
View File

@ -78,17 +78,20 @@
(dissoc :font)
(assoc style-key (merge style font)))))
(defn transform-to-uppercase [{:keys [uppercase? force-uppercase?] :as opts} ts]
(if (or force-uppercase? (and uppercase? platform/android?))
(vec (map string/upper-case ts))
ts))
(defn text
([t]
(reagent/as-element [text-class t]))
([{:keys [uppercase?] :as opts} t & ts]
(reagent/as-element
(let [ts (cond->> (conj ts t)
uppercase? (map #(when % (string/upper-case %))))]
(vec (concat
[text-class (add-font-style :style opts)]
ts))))))
[text-class t])
([opts t & ts]
(->> (conj ts t)
(transform-to-uppercase opts)
(concat [text-class (add-font-style :style opts)])
(vec))))
(defn text-input [{:keys [font style] :as opts
:or {font :default}} text]

4
src/status_im/ui/components/sticky_button.cljs
View File

@ -25,6 +25,6 @@
([label on-press once?]
[react/touchable-highlight {:on-press (if once? (u/wrap-call-once! on-press) on-press)}
[react/view sticky-button-style
[react/text {:style sticky-button-label-style
:uppercase? (get-in platform/platform-specific [:uppercase?])}
[react/text {:style sticky-button-label-style
:uppercase? true}
label]]]))

7
src/status_im/ui/components/styles.cljs
View File

@ -155,10 +155,3 @@
:flex 1})
(def border-radius 8)
;; TODO(goranjovic): replace all platform conditional uppercase styling with a reference to this var
(def uppercase?
(condp = platform/platform
"android" true
"ios" false
false))

2
src/status_im/ui/components/toolbar/view.cljs
View File

@ -76,7 +76,7 @@
[react/text (cond-> {:style (merge styles/item styles/item-text style
(when disabled? styles/toolbar-text-action-disabled))
:on-press (when-not disabled? handler)
:uppercase? components.styles/uppercase?}
:uppercase? true}
accessibility-label
(assoc :accessibility-label accessibility-label))
title])

5
src/status_im/ui/screens/discover/components/views.cljs
View File

@ -23,7 +23,7 @@
;; NOTE(oskarth): text-transform to uppercase not supported as RN style
;; https://github.com/facebook/react-native/issues/2088
[react/text {:style (styles/title-action-text active?)
:uppercase? (:uppercase? styles/subtitle-text-augment)}
:uppercase? true}
(i18n/label action-kw)]]]])
;; TODO(oskarth): Reconcile with above fn
@ -53,7 +53,8 @@
[react/view styles/chat-button-inner
[vector-icons/icon :icons/chats {:color :active}]
[react/text {:style styles/chat-button-text
:uppercase? (:uppercase? styles/chat-button-text-case)} (i18n/label :t/chat)]]]])
:uppercase? true}
(i18n/label :t/chat)]]]])
(defn discover-list-item [{:keys [message show-separator? current-account contacts]}]
(let [{contact-name :name

12
src/status_im/ui/screens/discover/styles.cljs
View File

@ -37,12 +37,6 @@
:android {:color styles/color-gray2
:font-size 14}})
;; NOTE(oskarth): Hacky use of defstyle to get
;; platform specific styles in place where they belong
(defstyle subtitle-text-augment
{:ios {:uppercase? false}
:android {:uppercase? true}})
(defstyle discover-item-status-text
{:ios {:font-size 14
:letter-spacing -0.1}
@ -156,12 +150,6 @@
:padding-right 8
:padding-bottom 5})
;; NOTE(goranjovic): Another hacky use of defstyle to get
;; platform specific styles in place where they belong
(defstyle chat-button-text-case
{:ios {:uppercase? false}
:android {:uppercase? true}})
(defstyle chat-button-text
{:color styles/color-blue4
:ios {:font-size 15}

4
src/status_im/ui/screens/network_settings/network_details/views.cljs
View File

@ -37,7 +37,7 @@
[react/view {:style st/connect-button
:accessibility-label :network-connect-button}
[react/text {:style st/connect-button-label
:uppercase? (get-in platform/platform-specific [:uppercase?])}
:uppercase? true}
(i18n/label :t/connect)]]
[react/text {:style st/connect-button-description}
(i18n/label :t/connecting-requires-login)]]])
@ -51,7 +51,7 @@
[react/view st/edit-button-container
[react/view st/edit-button
[react/text {:style st/edit-button-label
:uppercase? (get-in platform/platform-specific [:uppercase?])}
:uppercase? true}
(i18n/label :t/edit-network-config)]]
#_[context-menu ; TODO should be implemented later
[view st/edit-button

2
src/status_im/ui/screens/profile/components/views.cljs
View File

@ -77,7 +77,7 @@
(when-not (string/blank? value)
[react/text {:style styles/settings-item-value
:number-of-lines 1
:uppercase? components.styles/uppercase?}
:uppercase? true}
value])]
(when active?
[vector-icons/icon :icons/forward {:color colors/gray}])]])

3
src/status_im/ui/screens/profile/group_chat/views.cljs
View File

@ -23,7 +23,8 @@
{:on-press #(re-frame/dispatch [:group-chat-profile/start-editing])}
[react/view
[react/text {:style common.styles/label-action-text
:uppercase? components.styles/uppercase?} (i18n/label :t/edit)]]]])
:uppercase? true}
(i18n/label :t/edit)]]]])
(defn group-chat-profile-edit-toolbar []
[toolbar/toolbar {}

5
src/status_im/ui/screens/profile/user/views.cljs
View File

@ -30,7 +30,8 @@
:accessibility-label :edit-button}
[react/view
[react/text {:style common.styles/label-action-text
:uppercase? components.styles/uppercase?} (i18n/label :t/edit)]]]])
:uppercase? true}
(i18n/label :t/edit)]]]])
(defn my-profile-edit-toolbar []
[toolbar/toolbar {}
@ -80,7 +81,7 @@
[react/view styles/share-contact-code
[react/view styles/share-contact-code-text-container
[react/text {:style styles/share-contact-code-text
:uppercase? components.styles/uppercase?}
:uppercase? true}
(i18n/label :t/share-contact-code)]]
[react/view {:style styles/share-contact-icon-container
:accessibility-label :share-my-contact-code-button}

5
src/status_im/ui/screens/wallet/components/views.cljs
View File

@ -47,7 +47,7 @@
[react/view {:flex-direction :row}
[react/text {:style styles/text-list-primary-content}
name]
[react/text {:uppercase? true}
[react/text {:force-uppercase? true}
(clojure.core/name symbol)]]
[list/item-secondary (wallet.utils/format-amount (symbol balance) decimals)]]]]])
@ -207,4 +207,5 @@
(defn button-text [label]
[react/text {:style styles/button-text
:font (if platform/android? :medium :default)
:uppercase? (get-in platform/platform-specific [:uppercase?])} label])
:uppercase? true}
label])

4
src/status_im/ui/screens/wallet/send/transaction_sent/views.cljs
View File

@ -30,7 +30,7 @@
[react/view styles/transaction-details-container
[react/text {:style styles/transaction-details
:font (if platform/android? :medium :default)
:uppercase? (get-in platform/platform-specific [:uppercase?])}
:uppercase? true}
(i18n/label :t/view-transaction-details)]]]
[components/separator]
[react/touchable-highlight {:on-press #(re-frame/dispatch close-transaction-screen-event)
@ -38,7 +38,7 @@
[react/view styles/got-it-container
[react/text {:style styles/got-it
:font (if platform/android? :medium :default)
:uppercase? (get-in platform/platform-specific [:uppercase?])}
:uppercase? true}
(i18n/label :t/got-it)]]]]))
(defview transaction-sent-modal []

4
src/status_im/ui/screens/wallet/transactions/views.cljs
View File

@ -174,7 +174,7 @@
[list/section-list {:sections (wrap-filter-data filter-data)}]]]))
(defn history-tab [active?]
[react/text {:uppercase? true
[react/text {:force-uppercase? true
:style (styles/tab-title active?)
:accessibility-label :history-button}
(i18n/label :t/transactions-history)])
@ -183,7 +183,7 @@
(letsubs [unsigned-transactions-count [:wallet.transactions/unsigned-transactions-count]]
[react/view {:flex-direction :row}
[react/text {:style (styles/tab-title active?)
:uppercase? true
:force-uppercase? true
:accessibility-label :unsigned-transactions-button}
(i18n/label :t/transactions-unsigned)]
(when (pos? unsigned-transactions-count)