be-components 1.7.3 → 1.7.4

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

@@ -17,6 +17,7 @@ type TeamEventMarketProps = {
     markets:MarketProps[],
     init_expanded?:boolean,
     competition?:CompetitionProps,
+    show_id?:string,
     squares_competition?:SquaresCompetitionProps,
     latest_trades:TradeProps[],
     best_available_orders:BestAvailableOrderProps[],
@@ -33,7 +34,7 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, init_expanded, activate_loading, competition, squares_competition, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, init_expanded, show_id, activate_loading, competition, squares_competition, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onView, onViewAdditionalMarkets, onTradeLongPress, onActivate }:TeamEventMarketProps) => {
     const [ expanded_data, setExpandedData ] = useState<{
         expanded:boolean,
         loaded:boolean,
@@ -54,8 +55,11 @@ const TeamEventMarket = ({ event, init_expanded, activate_loading, competition,
     },[])
 
     const expandedEvent = async() => {
+        if(!event){ return }
         if(onExpand){ onExpand(expanded ? false : true) }
         if(expanded){ return setExpandedData({ ...expanded_data, expanded: false }) }
+        //Check if we have any non-primary markets sorted
+
         if(loaded){ return setExpandedData({ ...expanded_data, expanded: true }) }
         setExpandedData({ ...expanded_data, expanded:true, loading:true });
 
@@ -182,7 +186,7 @@ const TeamEventMarket = ({ event, init_expanded, activate_loading, competition,
 
     const { liquidity, open_order_count } = MarketComponentHelpers.getLiqudity(event_order_stats);
 
-    const non_primary_markets = TeamEventMarketHelpers.sortNonPrimaryMarkets(TeamEventMarketHelpers.getNonPrimaryMarkets(event, markets), event_order_stats)
+    const { non_primary_markets, available } = TeamEventMarketHelpers.sortNonPrimaryMarkets(TeamEventMarketHelpers.getNonPrimaryMarkets(event, markets), event_order_stats, latest_trades)
 
     return (
         <View style={{ ...view_styles.section, borderWidth:1, borderColor:Colors.shades.shade600 }}>
@@ -198,7 +202,10 @@ const TeamEventMarket = ({ event, init_expanded, activate_loading, competition,
                     onPress={() => onActivate(event.event_id, 'team')}
                 />
                 :<></>}
-                <View style={{ flex:1 }}>
+                <View style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
+                    {!show_id ?
+                    <Text size={12} color={Colors.brand.midnight} weight='semibold' selectable>{event.event_id} </Text>
+                    :<></>}
                     {event.event_sub_title ?
                     <Text size={12} color={Colors.brand.midnight} weight='semibold'>{event.event_sub_title}</Text>
                     :<></>}
@@ -308,9 +315,18 @@ const TeamEventMarket = ({ event, init_expanded, activate_loading, competition,
                     <Text style={{ marginLeft:5 }} size={14} color={Colors.shades.white} weight='semibold'>Pick 6</Text>
                 </TouchableOpacity>
                 :<></>}
+                {non_primary_markets.length > 0 ?
                 <TouchableOpacity style={{ height:35, width:35, justifyContent:'center', borderRadius:100, alignItems:'center', backgroundColor:Colors.shades.white, ...view_styles.float }} onPress={() => expandedEvent()}>
                    <Icons.ChevronIcon direction={expanded ? 'up' : 'down'} size={8} color={Colors.brand.midnight} />
                 </TouchableOpacity>
+                :available ?
+                <Button
+                    title='MORE'
+                    title_color={Colors.shades.white}
+                    backgroundColor={Colors.brand.electric}
+                    onPress={() => onViewAdditionalMarkets(event.event_id, 'team')}
+                />
+                :<></>}
             </View>
             :<></>}
             {expanded ?