be-components 3.3.4 → 3.3.6

package/src/MarketComponents/components/TeamTournamentMarket/index.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import type { BestAvailableOrderProps, EventOrderStatProps, MarketProps, MarketSideOptionProps, OrderProps, TeamProps, TournamentProps, TradeProps } from "../../../types"
 import { view_styles } from '../../../constants/styles';
 import MarketButton from '../../components/MarketButton';
@@ -19,6 +19,7 @@ type TeamTournamentMarketProps = {
     direction?:'horizontal'|'vertical',
     show_event?:boolean,
     hide_liquidity?:boolean,
+    style?:any,
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
     event_order_stats:EventOrderStatProps[],
@@ -29,7 +30,12 @@ type TeamTournamentMarketProps = {
     onTradeLongPress:(trade:TradeProps) => void
 }
 
-const TeamTournamentMarket = ({ tournament, direction, show_event, hide_liquidity, hide_stat_banner, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
+const TeamTournamentMarket = ({ tournament, direction, show_event, hide_liquidity, hide_stat_banner, style, width, team, market, event_order_stats, default_price_view, latest_trades, show_grades, best_available_orders, onOrder, onView, onTradeLongPress }:TeamTournamentMarketProps) => {
+    let set_style = { ...styles.container_style, width }
+    if(style){
+        set_style = style
+    }
+
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
     const is_locked = useMemo(() => MarketComponentHelpers.isTournamentMarketLocked(tournament, market.market_id),[JSON.stringify(tournament.supported_markets)])
 
@@ -63,7 +69,7 @@ const TeamTournamentMarket = ({ tournament, direction, show_event, hide_liquidit
     },[JSON.stringify(best_available_orders)])
 
     return (
-        <View style={{ ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600, width }}>
+        <View style={set_style}>
             {!hide_stat_banner ?
              <LinearDiagnal 
                 label={market.stat_label ?? market.type}
@@ -124,4 +130,8 @@ const TeamTournamentMarket = ({ tournament, direction, show_event, hide_liquidit
     )
 }
 
+const styles = StyleSheet.create({
+    container_style: { ...view_styles.section, flexGrow:1, borderWidth:1, borderColor:Colors.shades.shade600 }
+})
+
 export default TeamTournamentMarket