be-components 4.2.4 → 4.2.6

package/lib/commonjs/MarketMaker/components/ContestMarkets.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _Components = require("../../Components");
-var _styles = require("../../constants/styles");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
 var _WeightProgress = _interopRequireDefault(require("./WeightProgress"));
+var _Themed = require("../../Components/Themed");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -32,16 +29,6 @@ const ContestMarket = ({
   onOrder
 }) => {
   const [selected_var_1] = (0, _react.useState)(var_1);
-  /*
-  const [ review_order, setReviewOrder ] = useState<{
-      visible: boolean,
-      order?:OrderProps,
-      side: 'other' | 'trade'
-  }>({
-      visible:false,
-      side: 'trade'
-  });
-  */
   let work_allowed = fund.working_capital > 1 ? true : false;
   const {
     var_1_orders,
@@ -134,30 +121,51 @@ const ContestMarket = ({
       working_pct
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+
+  /*
+  return (
+      <View>
+          <View style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
+              <View>
+                  <Text theme='h1'>{market.type == 'Stat' ? market.stat_label : market.type} {market.var_1_required?MarketMaketHelpers.getVar1Label(market, var_1):''}</Text>
+              </View>
+              <View>
+                  <Text theme='description'>{o_side_ba?.odds}</Text>
+              </View>
+              <View>
+                  <Text theme='description'>{trade_side_ba?.odds}</Text>
+              </View>
+          </View>
+      </View>
+  )
+  */
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section_header
+      flexDirection: 'row',
+      alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, market.type == 'Stat' ? market.stat_label : market.type, " ", market.var_1_required ? _api.MarketMaketHelpers.getVar1Label(market, var_1) : '')), trade_price ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, market.type == 'Stat' ? market.stat_label : market.type, " ", market.var_1_required ? _api.MarketMaketHelpers.getVar1Label(market, var_1) : '')), trade_price ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, _api.MarketMaketHelpers.getOddsLabel(trade_price.odds)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "body_2"
-  }, trade_price.external_name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), all_order_stats.open_amt == 0 ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "h1"
+  }, _api.MarketMaketHelpers.getOddsLabel(trade_price.odds)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, trade_price.external_name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), all_order_stats.open_amt == 0 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "SET",
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.brand.electric,
+    type: "action",
     onPress: () => {
       if (!event) {
         return alert('Unable to set market');
@@ -168,120 +176,115 @@ const ContestMarket = ({
       }
       return onSetMarket(set_orders, market, var_1_prices);
     }
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "CLEAR",
-    backgroundColor: _colors.default.utility.error,
-    title_color: _colors.default.shades.white,
+    type: "error",
     onPress: () => onClearMarket(orders.map(o => o.order_id))
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       padding: 0
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
       flexDirection: 'row',
       justifyContent: 'flex-start'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      backgroundColor: _colors.default.shades.shade100,
       padding: 3,
       paddingLeft: 10,
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight
-  }, "DEPLOYED")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "h1"
+  }, "DEPLOYED")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", o_side_order_stats.stake_potential_winnings.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", o_side_order_stats.stake_potential_winnings.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(o_side_order_stats.stake_odds))), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, _api.MarketMaketHelpers.getOddsLabel(o_side_order_stats.stake_odds))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, "To Win")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "To Win")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 3,
       paddingLeft: 10,
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      padding: 2,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
+      padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, "WORKING")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "WORKING")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", o_side_order_stats.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", o_side_order_stats.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(o_side_order_stats.open_odds))), o_side_order_stats.open_amt > 0.01 ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, _api.MarketMaketHelpers.getOddsLabel(o_side_order_stats.open_odds))), o_side_order_stats.open_amt > 0.01 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "CANCEL",
-    title_color: _colors.default.shades.white,
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.utility.error,
+    type: "error",
     onPress: () => onClearMarket(o_side_orders.map(o => o.order_id))
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "WORK",
     disabled: !work_allowed,
     style: {
       opacity: work_allowed ? 1 : 0.5
     },
-    title_color: _colors.default.shades.white,
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.brand.electric,
+    type: "action",
     onPress: () => handleActionSelect(o_price)
-  })), o_side_ba ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), o_side_ba ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       backgroundColor: _api.MarketMaketHelpers.getOrderColor(o_side_ba),
       padding: 3,
@@ -289,72 +292,63 @@ const ContestMarket = ({
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      padding: 2,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
+      padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, "AVAIL")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "AVAIL")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", o_side_ba.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", o_side_ba.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(o_side_ba.odds))), !o_side_ba_mine ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, _api.MarketMaketHelpers.getOddsLabel(o_side_ba.odds))), !o_side_ba_mine ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "BUY",
-    title_color: _colors.default.shades.white,
     disabled: !work_allowed,
     style: {
       opacity: work_allowed ? 1 : 0.5
     },
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.utility.success,
+    type: "success",
     onPress: () => handleSelectBA(o_side_ba)
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "MINE",
-    title_color: _colors.default.shades.white,
     disabled: true,
     style: {
       opacity: 0.5
     },
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.brand.slate,
+    type: "success",
     onPress: () => console.log('')
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      borderWidth: 1,
-      borderColor: _colors.default.brand.midnight,
       height: 70,
       alignSelf: 'center',
       margin: 5
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
       flexDirection: 'row',
       justifyContent: 'flex-end'
     }
-  }, trade_side_ba ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, trade_side_ba ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       backgroundColor: _api.MarketMaketHelpers.getOrderColor(trade_side_ba),
       padding: 3,
@@ -362,157 +356,139 @@ const ContestMarket = ({
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      padding: 2,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
+      padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, "AVAIL")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "AVAIL")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", trade_side_ba.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", trade_side_ba.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_ba.odds))), !trade_side_ba_mine ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_ba.odds))), !trade_side_ba_mine ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "BUY",
-    title_color: _colors.default.shades.white,
     disabled: !work_allowed,
     style: {
       opacity: work_allowed ? 1 : 0.5
     },
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.utility.success,
+    type: "success",
     onPress: () => handleSelectBA(trade_side_ba)
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "MINE",
-    title_color: _colors.default.shades.white,
     disabled: true,
     style: {
       opacity: 0.5
     },
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.brand.slate,
+    type: "success",
     onPress: () => console.log('')
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 3,
       paddingLeft: 10,
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      padding: 2,
-      borderBottomWidth: 1,
-      borderColor: _colors.default.shades.shade100
+      padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, "WORKING")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "WORKING")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", trade_side_order_stats.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", trade_side_order_stats.open_amt.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_order_stats.open_odds))), trade_side_order_stats.open_amt > 0.01 ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_order_stats.open_odds))), trade_side_order_stats.open_amt > 0.01 ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "CANCEL",
     disabled: trade_side_order_stats.open_amt < 0.01 ? true : false,
     style: {
       opacity: trade_side_order_stats.open_amt < 0.01 ? 0.5 : 1
     },
-    title_color: _colors.default.shades.white,
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.utility.error,
+    type: "error",
     onPress: () => onClearMarket(trade_side_orders.map(o => o.order_id))
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "WORK",
-    title_color: _colors.default.shades.white,
     disabled: !work_allowed,
     style: {
       opacity: work_allowed ? 1 : 0.5
     },
-    padding: 5,
-    title_size: 10,
-    borderRadius: 2,
-    backgroundColor: _colors.default.brand.electric,
+    type: "action",
     onPress: () => handleActionSelect(trade_price)
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
-      backgroundColor: _colors.default.shades.shade100,
       padding: 3,
       paddingLeft: 10,
       paddingRight: 10,
       margin: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.brand.midnight
-  }, "DEPLOYED")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "description"
+  }, "DEPLOYED")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1,
       padding: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold",
+    theme: "h1",
     textAlign: "center"
-  }, "$", trade_side_order_stats.stake_potential_winnings.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", trade_side_order_stats.stake_potential_winnings.toFixed(2)), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
-  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_order_stats.stake_odds))), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, _api.MarketMaketHelpers.getOddsLabel(trade_side_order_stats.stake_odds))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 3
     },
     size: 12,
-    color: _colors.default.brand.midnight,
+    theme: "description",
     textAlign: "center"
   }, "To Win")))), /*#__PURE__*/_react.default.createElement(_WeightProgress.default, {
     min_value: 0,