be-components 5.0.3 → 5.0.5

package/lib/typescript/src/Bracket/components/BracketPlay/RoundEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RoundEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/RoundEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAOhI,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAC,eAAe,CAAC;IAC5B,YAAY,EAAC,eAAe,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,mBAAmB,CAAC,EAAC,sBAAsB,CAAC;IAC5C,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAC,YAAY,CAAC;IACtB,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,WAAW,CAAC,EAAC,MAAM,GAAC,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,MAAM,EAAC,CAAC,mBAAmB,EAAC,sBAAsB,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;CACpM,CAAA;AAED,QAAA,MAAM,cAAc,mPAAmP,mBAAmB,sBAmYzR,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"RoundEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/RoundEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAOhI,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAC,eAAe,CAAC;IAC5B,YAAY,EAAC,eAAe,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAC,UAAU,CAAC;IAClB,mBAAmB,CAAC,EAAC,sBAAsB,CAAC;IAC5C,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAC,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,qBAAqB,CAAC,EAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAC,YAAY,CAAC;IACtB,YAAY,CAAC,EAAC,YAAY,CAAC;IAC3B,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,WAAW,CAAC,EAAC,MAAM,GAAC,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,qBAAqB,CAAC,EAAC,sBAAsB,CAAC;IAC9C,MAAM,EAAC,CAAC,mBAAmB,EAAC,sBAAsB,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;CACpM,CAAA;AAED,QAAA,MAAM,cAAc,mPAAmP,mBAAmB,sBAoYzR,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/Bracket/components/BracketPlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAmC,YAAY,EAAqB,6BAA6B,EAAc,aAAa,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,eAAe,EAAa,MAAM,gBAAgB,CAAC;AASzO,KAAK,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAC,aAAa,CAAA;IACrB,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,KAAK,EAAC,MAAM,CAAC;IACb,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,OAAO,EAAC,YAAY,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;IACvN,qBAAqB,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,EAAE,EAAC,kBAAkB,EAAE,IAAI,EAAC,6BAA6B,EAAE,KAAK,IAAI,CAAC;CAChG,CAAA;AAED,QAAA,MAAM,WAAW,mLAAmL,gBAAgB,sBAqanN,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Bracket/components/BracketPlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAmC,YAAY,EAAqB,6BAA6B,EAAc,aAAa,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,eAAe,EAAa,MAAM,gBAAgB,CAAC;AASzO,KAAK,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAC,aAAa,CAAA;IACrB,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,KAAK,EAAC,MAAM,CAAC;IACb,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,CAAC,EAAC,CAAC,WAAW,EAAC,eAAe,EAAE,OAAO,EAAC,YAAY,EAAE,mBAAmB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,EAAE,qBAAqB,CAAC,EAAC,sBAAsB,KAAK,IAAI,CAAA;IACvN,qBAAqB,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAC,CAAC,EAAE,EAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,EAAE,EAAC,kBAAkB,EAAE,IAAI,EAAC,6BAA6B,EAAE,KAAK,IAAI,CAAC;CAChG,CAAA;AAED,QAAA,MAAM,WAAW,mLAAmL,gBAAgB,sBAsbnN,CAAA;AAED,eAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "5.0.3",
+  "version": "5.0.5",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Authenticator/Components/StrategyForm.tsx

@@ -246,7 +246,7 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, onFocusPosition, co
                             autoFocus
                             textContentType={verify_strategy_identifier.secure_text_entry ? undefined : 'oneTimeCode'}
                             secureTextEntry={verify_strategy_identifier.secure_text_entry}
-                            placeholderTextColor={C.text.description}
+                            placeholderTextColor={C.text.descriptionLight}
                             onChangeText={(text) => {
                                 setToken(text);
                             }}

package/src/Bracket/api/index.ts

@@ -247,6 +247,15 @@ const BracketCompetitionHelpers = {
         return initial_test
 
     },
+    calcRoundActions : (bracket_rounds:BracketRoundProps[], round_width:number, margin:number) => {
+        let location = 0
+        let round_actions:{ bracket_round:BracketRoundProps, location_start:number, location_end:number }[] = []
+        bracket_rounds.map(r => {
+            round_actions.push({ bracket_round: r, location_start: location, location_end: location + round_width });
+            location += round_width + (margin * 2)
+        })
+        return round_actions
+    },
     calcFullBracketSize: ( round_width:number, rounds:number, margin:number ) => {
         let full_length = (round_width * rounds * 2) + (margin * 2 * rounds) + 100 //Double since the groups are horizontal
         return full_length

package/src/Bracket/components/BracketCompetitionActions.tsx

@@ -332,7 +332,7 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, r
     }
 
     return (
-        <View transparent style={{ flexGrow:1 }}>
+        <View transparent style={{ flex:1 }}>
             <FlatList
                 key={`comp_actions_list`}
                 keyExtractor={(item) => item}

package/src/Bracket/components/BracketPlay/RoundEvent.tsx

@@ -33,9 +33,10 @@ type RoundEventCardProps = {
 const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_team, away_placeholder_team, home_placeholder_team, home_team, width, no_pick, round_event, player_bracket_pick, away_placeholder_pick, home_placeholder_pick, onPick, onSelectContest }:RoundEventCardProps) => {
     //AWAY PLACEHOLDER
     const round_width = width//width > 600 ? undefined : width / 2
+    const no_name = width < 195 ? true : false
     const Colors = useColors();
     const handleSelectAway = () => {
-        if(loading){ return }
+        if(loading){ return } 
         //Okay! Lets get the side_id
         let side:'away' = 'away'
         let side_id:string|undefined = undefined
@@ -144,7 +145,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                     <View transparent>
                         {round_event?.away_side_id && away_placeholder_pick && away_placeholder_team ?
                         <View transparent style={{ padding:7, borderTopRightRadius:8, borderTopLeftRadius:8, borderBottomWidth:1, borderBottomColor:Colors.borders.light }}>
-                            <Text size={10} theme='h2' color={away_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{away_placeholder_team.market_name} {away_placeholder_team.name}</Text>
+                            <Text size={10} theme='h2' color={away_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{away_placeholder_team.market_name} {!no_name?away_placeholder_team.name:''}</Text>
                         </View>
                         :<></>}
                         <View style={{ flexDirection:'row', alignItems:'center', padding:12, borderTopRightRadius:!round_event?.away_side_id || !round_event.away_placeholder?8:0, borderTopLeftRadius:!round_event?.away_side_id || !round_event.away_placeholder?8:0 }}>
@@ -152,11 +153,11 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                 <View transparent style={{ marginLeft:5 }}>
                                     {renderButton('away')}
                                 </View>
-                                {round_event.event_id ?
+                                {round_event.event_id && !no_name ?
                                     <Text style={{ margin:5}} size={10} theme='h2'>{getScore(away_team?.team_id)}</Text>
                                 :<></>}
                             </View>
-                            <View transparent style={{ flex:1, marginLeft:10, marginRight:0 }}>
+                            <View transparent style={{ flex:1, marginLeft:5, marginRight:0 }}>
                                 {round_event.away_side_id && away_team ?
                                 <View style={{ flexGrow:1, flexDirection:'row', alignItems:'center' }}>
                                     <Image
@@ -168,7 +169,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                     {compact ?
                                     <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.abbr}</Text>                                
                                     :
-                                    <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.market_name} {away_team.name}</Text>   
+                                    <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.market_name} {!no_name?away_team.name:''}</Text>   
                                     }                             
                                 </View>
                                 :
@@ -184,7 +185,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                         {compact ?
                                         <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.abbr}</Text>
                                         :
-                                        <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.market_name} {away_placeholder_team.name}</Text>
+                                        <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.market_name} {!no_name?away_placeholder_team.name:''}</Text>
                                         }
                                     </View>
                                     :
@@ -205,11 +206,11 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                             <View transparent style={{ marginLeft:5 }}>
                                     {renderButton('home')}
                                 </View>
-                                {round_event.event_id ?
+                                {round_event.event_id && !no_name ?
                                     <Text style={{ margin:5}} size={10} theme='h2'>{getScore(home_team?.team_id)}</Text>
                                 :<></>} 
                             </View>
-                            <View transparent style={{ flex:1, marginLeft:10 }}>
+                            <View transparent style={{ flex:1, marginLeft:5 }}>
                                 {round_event.home_side_id && home_team ?
                                 <View transparent style={{ flexGrow:1, flexDirection:'row', alignItems:'center' }}>
                                     <Image
@@ -221,7 +222,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                     {compact ?
                                     <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.abbr}</Text>
                                     :
-                                    <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.market_name} {home_team.name}</Text>
+                                    <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.market_name} {!no_name?home_team.name:''}</Text>
                                     }
                                 </View>
                                 :
@@ -237,7 +238,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                         {compact ?
                                         <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.abbr}</Text>
                                         :
-                                        <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.market_name} {home_placeholder_team.name}</Text>
+                                        <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.market_name} {!no_name?home_placeholder_team.name:''}</Text>
                                     }
                                     </View>
                                     :
@@ -249,7 +250,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                         </View>
                         {round_event?.home_side_id && home_placeholder_pick && home_placeholder_team?
                         <View transparent style={{ padding:7, borderBottomRightRadius:4, borderBottomLeftRadius:4, borderTopWidth:1, borderTopColor:Colors.borders.light }}>
-                            <Text size={10} theme='h2' color={home_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{home_placeholder_team.market_name} {home_placeholder_team.name}</Text>
+                            <Text size={10} theme='h2' color={home_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{home_placeholder_team.market_name} {!no_name?home_placeholder_team.name:''}</Text>
                         </View>
                         :<></>}
                     </View>
@@ -270,11 +271,11 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                     <View transparent>
                         {round_event?.away_side_id && away_placeholder_pick && away_placeholder_team ?
                         <View transparent style={{ padding:7, borderTopRightRadius:8, borderTopLeftRadius:8, borderBottomWidth:1, borderBottomColor:Colors.borders.light }}>
-                            <Text size={10} theme='h2' color={away_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{away_placeholder_team.market_name} {away_placeholder_team.name}</Text>
+                            <Text size={10} theme='h2' color={away_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{away_placeholder_team.market_name} {!no_name?away_placeholder_team.name:''}</Text>
                         </View>
                         :<></>}
                         <View style={{ flexDirection:'row', alignItems:'center', padding:12, borderTopRightRadius:!round_event?.away_side_id || !round_event.away_placeholder?8:0, borderTopLeftRadius:!round_event?.away_side_id || !round_event.away_placeholder?8:0 }}>
-                            <View transparent style={{ flex:1, marginRight:10, marginLeft:0 }}>
+                            <View transparent style={{ flex:1, marginRight:5, marginLeft:0 }}>
                                 {round_event.away_side_id && away_team ?
                                 <View style={{ flexGrow:1, flexDirection:'row', alignItems:'center' }}>
                                     <Image
@@ -286,7 +287,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                     {compact ?
                                     <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.abbr}</Text>
                                     :
-                                    <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.market_name} {away_team.name}</Text>                                
+                                    <Text style={{ flex:1 }} size={10} color={getPickColor('away', player_bracket_pick)} theme='h2'>{away_team.market_name} {!no_name?away_team.name:''}</Text>                                
                                     }
                                 </View>
                                 :
@@ -302,7 +303,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                         {compact ?
                                         <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.abbr}</Text>
                                         :
-                                        <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.market_name} {away_placeholder_team.name}</Text>
+                                        <Text style={{ flex:1 }} size={10} theme='h1'>{away_placeholder_team.market_name} {!no_name?away_placeholder_team.name:''}</Text>
                                         }
                                     </View>
                                     :
@@ -312,7 +313,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                 }
                             </View>
                             <View transparent style={{ flexDirection:'row', alignItems:'center', borderLeftWidth:1, borderLeftColor:Colors.borders.light }}>
-                                {round_event.event_id ?
+                                {round_event.event_id && !no_name ?
                                     <Text style={{ margin:5}} size={10} theme='h2'>{getScore(away_team?.team_id)}</Text>
                                 :<></>}
                                 <View transparent style={{ marginLeft:5 }}>
@@ -327,7 +328,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                     <View transparent>
                         <View style={{ flexDirection:'row', alignItems:'center', padding:12, borderBottomRightRadius:!round_event?.home_side_id || !round_event.home_placeholder?8:0, borderBottomLeftRadius:!round_event?.home_side_id || !round_event.home_placeholder?8:0  }}>
 
-                            <View transparent style={{ flex:1, marginRight:10 }}>
+                            <View transparent style={{ flex:1, marginRight:5 }}>
                                 {round_event.home_side_id && home_team ?
                                 <View transparent style={{ flexGrow:1, flexDirection:'row', alignItems:'center' }}>
                                     <Image
@@ -339,7 +340,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                     {compact ?
                                     <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.abbr}</Text>
                                     :
-                                    <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.market_name} {home_team.name}</Text>
+                                    <Text style={{ flex:1 }} size={10} color={getPickColor('home', player_bracket_pick)} theme='h2'>{home_team.market_name} {!no_name?home_team.name:''}</Text>
                                     }
                                 </View>
                                 :
@@ -355,7 +356,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                         {compact ?
                                         <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.abbr}</Text>
                                         :
-                                        <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.market_name} {home_placeholder_team.name}</Text>
+                                        <Text style={{ flex:1 }} size={10} theme='h2'>{home_placeholder_team.market_name} {!no_name?home_placeholder_team.name:''}</Text>
                                         }
                                     </View>
                                     :
@@ -365,7 +366,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                                 }
                             </View>
                             <View transparent style={{ flexDirection:'row', alignItems:'center', borderLeftWidth:1, borderLeftColor:Colors.borders.light }}>
-                                {round_event.event_id ?
+                                {round_event.event_id && !no_name ?
                                     <Text style={{ margin:5}} size={10} theme='h2'>{getScore(home_team?.team_id)}</Text>
                                 :<></>}
                                 <View transparent style={{ marginLeft:5 }}>
@@ -375,7 +376,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                         </View>
                         {round_event?.home_side_id && home_placeholder_pick && home_placeholder_team?
                         <View transparent style={{ padding:7, borderBottomRightRadius:4, borderBottomLeftRadius:4, borderTopWidth:1, borderTopColor:Colors.borders.light }}>
-                            <Text size={10} theme='h2' color={home_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{home_placeholder_team.market_name} {home_placeholder_team.name}</Text>
+                            <Text size={10} theme='h2' color={home_placeholder_pick.result_ind=='win'?Colors.text.success:Colors.text.error}>{home_placeholder_team.market_name} {!no_name?home_placeholder_team.name:''}</Text>
                         </View>
                         :<></>}
                     </View>
@@ -387,7 +388,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
     return (
         <View transparent float style={{ flexDirection:'row', borderRadius:8, minWidth:125, width:round_width }}>
             {!compact && orientation != 'left' && onSelectContest ?
-            <Button style={{ padding:10, justifyContent:'center', alignItems:'center', borderRightWidth:1, borderColor:Colors.borders.light, borderRadius:0, borderTopLeftRadius:8, borderBottomLeftRadius:8 }}
+            <Button style={{ padding:8, justifyContent:'center', alignItems:'center', borderRightWidth:1, borderColor:Colors.borders.light, borderRadius:0, borderTopLeftRadius:8, borderBottomLeftRadius:8 }}
             onPress={() => onSelectContest(round_event, player_bracket_pick, away_placeholder_pick, home_placeholder_pick)}>
                 <Icons.AlertIcon size={16} color={Colors.text.action} />
             </Button>
@@ -409,7 +410,7 @@ const RoundEventCard = ({ event, loading, orientation, compact, bracket, away_te
                 :<></>}
             </View>
             {!compact && orientation == 'left' && onSelectContest ?
-            <Button style={{ padding:10, justifyContent:'center', alignItems:'center', borderLeftWidth:1, borderColor:Colors.borders.light, borderRadius:0, borderTopRightRadius:8, borderBottomRightRadius:8 }}
+            <Button style={{ padding:8, justifyContent:'center', alignItems:'center', borderLeftWidth:1, borderColor:Colors.borders.light, borderRadius:0, borderTopRightRadius:8, borderBottomRightRadius:8 }}
             onPress={() => onSelectContest(round_event, player_bracket_pick, away_placeholder_pick, home_placeholder_pick)}>
                 <Icons.AlertIcon size={16} color={Colors.text.action} />
             </Button>

package/src/Bracket/components/BracketPlay/index.tsx

@@ -30,6 +30,7 @@ const BracketPlay = ({ player, view_mode, width, bracket_id, onSelectContest, pl
     let round_margin = 4
     const [ final_four_size, setFinalFourSize ] = useState({ height: 0, width:0 });
     const [ bracket_size, setBracketSize ] = useState({ height:0, width:0, x: 0, y: 0 });
+    const [ silent_round, setSilentRound ] = useState<BracketRoundProps>();
     const [ play_data, setPlayData ] = useState<{
         play_loading:boolean,
         player_bracket?:PlayerBracketProps,
@@ -64,6 +65,12 @@ const BracketPlay = ({ player, view_mode, width, bracket_id, onSelectContest, pl
     const no_group_rounds = bracket_rounds.filter(br => no_group_round_events.includes(br.bracket_round_id));
     const { round_statuses, group_statuses } = BracketCompetitionHelpers.getPlayerBracketStatus(bracket_rounds, bracket_groups, round_events, player_bracket_picks);
 
+    let visible_round_events = [ ...round_events ];
+    if(width < 1000 && !selected_round && silent_round && silent_round.round_number > 1){
+        let back_rounds = bracket_rounds.filter(br => br.round_number < silent_round.round_number).map(br => br.bracket_round_id.toString())
+        visible_round_events = visible_round_events.filter(re => !back_rounds.includes(re.bracket_round_id.toString()))
+    }
+
     const champion_team = player_bracket?.champion_id_type == 'team' ? teams.find(t => t.team_id == player_bracket?.champion_id) : undefined
     const champion_athlete = player_bracket?.champion_id_type == 'athlete' ? athletes.find(a => a.athlete_id == player_bracket?.champion_id) : undefined
 
@@ -80,6 +87,9 @@ const BracketPlay = ({ player, view_mode, width, bracket_id, onSelectContest, pl
    const right_final_four = final_four_events.find(ffe => ffe.orientation == 'right');
    const championship = final_four_events.find(ffe => ffe.championship);
 
+   const round_actions = BracketCompetitionHelpers.calcRoundActions(bracket_rounds, round_width, 0);
+
+
    useEffect(() => {
         if(!bracket_id){ return }
         getData(bracket_id)
@@ -195,7 +205,7 @@ const BracketPlay = ({ player, view_mode, width, bracket_id, onSelectContest, pl
                 <BracketRoundSection 
                     round_event_loading={round_event_loading}
                     bracket_round={data.item}
-                    round_events={round_events}
+                    round_events={visible_round_events}
                     selected={selected}
                     active_bracket_group_id={data.bracket_group_id || selected_group?.bracket_group_id}
                     bracket={bracket}
@@ -326,7 +336,14 @@ const BracketPlay = ({ player, view_mode, width, bracket_id, onSelectContest, pl
                 />
             </View>
             <ScrollView>
-                <ScrollView horizontal style={{ flexDirection:'row', padding:10 }}>
+                <ScrollView horizontal style={{ flexDirection:'row', padding:10 }} scrollEventThrottle={16} onScroll={(ev) => {
+                        if(width >= 1000){ return }
+                        const {contentOffset} = ev.nativeEvent;
+                        const round_action = round_actions.find(ra => ra.location_start <= contentOffset.x && ra.location_end >= contentOffset.x);
+                        if(round_action && (!silent_round || silent_round.bracket_round_id != round_action?.bracket_round.bracket_round_id)){
+                            setSilentRound(round_action.bracket_round)
+                        }
+                }}>
                     <View transparent>
                     {width > 1000 && !selected_round && !selected_group ?
                     <View onLayout={(ev) => {

package/src/Bracket/index.tsx

@@ -322,8 +322,8 @@ const BracketRoom = ({ player_id, hide_home, restrict_competition, width, height
                         animationType={view_mode == 'desktop' ? 'fade' : 'slide'}
                         style={{ flex:1 }}
                     >
-                        <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', padding:10, paddingBottom:(insets?.bottom ?? 0)+10 }}>
-                            <View float style={view_mode=='desktop'?{ height:height ?? 700, width:500 }:{ flexGrow:1 }}>
+                        <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', padding:10, paddingTop:(insets?.top ?? 0) + 10, paddingBottom:(insets?.bottom ?? 0)+10 }}>
+                            <View float style={view_mode=='desktop'?{ height:height ?? 700, width:500 }:{ flex:1 }}>
                             <View style={{ flex:1 }}>
                                 {active_competition ?
                                 <CompetitionLeaderboard
@@ -363,7 +363,7 @@ const BracketRoom = ({ player_id, hide_home, restrict_competition, width, height
                                     />
                                     <View transparent style={{ flex:1, marginLeft:10 }}>
                                         <Text theme='h2' color={Colors.text.white}>{active_competition.competition_name}</Text>
-                                        <Text style={{ marginTop:3 }} theme='description' color={Colors.text.white}>{active_competition.competition_name}</Text>
+                                        <Text style={{ marginTop:3 }} theme='description' color={Colors.text.white}>{active_competition.competition_description}</Text>
                                     </View>
                                                 
                                     <Button
@@ -381,7 +381,7 @@ const BracketRoom = ({ player_id, hide_home, restrict_competition, width, height
                                     </Button>
                                 </View>
                                 :<></>}
-                                <View style={{ flexGrow:1 }}>
+                                <View style={{ flex:1 }}>
                                     
                                     {active_bracket_id ?
                                     <BracketCompetitionActions
@@ -483,7 +483,7 @@ const BracketRoom = ({ player_id, hide_home, restrict_competition, width, height
                             />
                             <View transparent style={{ flex:1, marginLeft:10 }}>
                                 <Text theme='h2' color={Colors.text.white}>{active_competition.competition_name}</Text>
-                                <Text style={{ marginTop:3 }} theme='description' color={Colors.text.white}>{active_competition.competition_name}</Text>
+                                <Text style={{ marginTop:3 }} theme='description' color={Colors.text.white}>{active_competition.competition_description}</Text>
                             </View>
                             <Button
                                 float