be-components 1.0.5 → 1.0.7

package/lib/typescript/src/Bracket/components/BracketCompetitionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BracketCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAuE,6BAA6B,EAAE,0BAA0B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAqB,MAAM,aAAa,CAAC;AASrQ,KAAK,2BAA2B,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,MAAM,EAAC,MAAM,CAAA;IACb,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,aAAa,EAAC,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,eAAe,EAAC,kBAAkB,EAAE,CAAC;QAAC,2BAA2B,EAAC,6BAA6B,EAAE,CAAA;KAAC,KAAK,IAAI,CAAC;IACvJ,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,uBAAuB,EAAC,6BAA6B,EAAE,CAAC;IACxD,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,sBAAsB,uQAAuQ,2BAA2B,sBA4T7T,CAAA;AAQD,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"BracketCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/BracketCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAuE,6BAA6B,EAAE,0BAA0B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAqB,MAAM,aAAa,CAAC;AASrQ,KAAK,2BAA2B,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,MAAM,EAAC,MAAM,CAAA;IACb,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,aAAa,EAAC,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,IAAI,EAAE;QAAC,UAAU,EAAC,MAAM,CAAC;QAAC,eAAe,EAAC,kBAAkB,EAAE,CAAC;QAAC,2BAA2B,EAAC,6BAA6B,EAAE,CAAA;KAAC,KAAK,IAAI,CAAC;IACvJ,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,kBAAkB,EAAE,CAAC,IAAI,EAAE;QAAC,0BAA0B,EAAC,6BAA6B,CAAC;QAAC,mBAAmB,EAAC,uBAAuB,CAAA;KAAC,KAAK,IAAI,CAAC;IAC5I,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,uBAAuB,EAAC,6BAA6B,EAAE,CAAC;IACxD,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,sBAAsB,uQAAuQ,2BAA2B,sBA+U7T,CAAA;AAQD,eAAe,sBAAsB,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,EAAoE,6BAA6B,EAAc,aAAa,EAA0B,kBAAkB,EAA8B,MAAM,gBAAgB,CAAC;AAQzO,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAC,aAAa,CAAA;IACrB,SAAS,EAAC;QAAE,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB,EAAE,CAAC,EAAE,EAAC,kBAAkB,EAAE,IAAI,EAAC,6BAA6B,EAAE,KAAK,IAAI,CAAC;CAChG,CAAA;AAGD,QAAA,MAAM,WAAW,gJAAgJ,gBAAgB,sBA8NhL,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,EAAoE,6BAA6B,EAAc,aAAa,EAA0B,kBAAkB,EAA8B,MAAM,gBAAgB,CAAC;AAQzO,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAC,aAAa,CAAA;IACrB,SAAS,EAAC;QAAE,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IAC1C,iBAAiB,CAAC,EAAC,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,UAAU,EAAC,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qBAAqB,EAAE,CAAC,EAAE,EAAC,kBAAkB,EAAE,IAAI,EAAC,6BAA6B,EAAE,KAAK,IAAI,CAAC;CAChG,CAAA;AAGD,QAAA,MAAM,WAAW,gJAAgJ,gBAAgB,sBAiOhL,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/Bracket/components/CompetitionLeaderboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompetitionLeaderboard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/CompetitionLeaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,6BAA6B,EAAE,kBAAkB,EAAgC,MAAM,aAAa,CAAC;AAMjI,KAAK,2BAA2B,GAAG;IAC/B,sBAAsB,EAAC,MAAM,CAAC;IAC9B,8BAA8B,EAAC,6BAA6B,EAAE,CAAC;IAC/D,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,SAAS,EAAE,OAAO,GAAC,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,sBAAsB,mIAAmI,2BAA2B,sBAgJzL,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"CompetitionLeaderboard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/CompetitionLeaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,6BAA6B,EAAE,kBAAkB,EAAgC,MAAM,aAAa,CAAC;AAOjI,KAAK,2BAA2B,GAAG;IAC/B,sBAAsB,EAAC,MAAM,CAAC;IAC9B,8BAA8B,EAAC,6BAA6B,EAAE,CAAC;IAC/D,kBAAkB,EAAC,kBAAkB,EAAE,CAAC;IACxC,SAAS,EAAE,OAAO,GAAC,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,sBAAsB,mIAAmI,2BAA2B,sBAoKzL,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/typescript/src/Bracket/components/JoinCompetitionCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JoinCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/JoinCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKjJ,KAAK,wBAAwB,GAAG;IAC5B,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,cAAc,EAAC,kBAAkB,CAAC;IAClC,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,kBAAkB,EAAC,CAAC,GAAG,EAAC,6BAA6B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,mBAAmB,8HAA8H,wBAAwB,sBA6D9K,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"JoinCompetitionCard.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/JoinCompetitionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKjJ,KAAK,wBAAwB,GAAG;IAC5B,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,cAAc,EAAC,kBAAkB,CAAC;IAClC,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,mBAAmB,EAAC,uBAAuB,CAAC;IAC5C,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,kBAAkB,EAAC,CAAC,GAAG,EAAC,6BAA6B,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,mBAAmB,8HAA8H,wBAAwB,sBAoE9K,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Bracket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAgB,uBAAuB,EAAuG,kBAAkB,EAAiC,MAAM,UAAU,CAAC;AAU9N,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,WAAW,8IAA8I,gBAAgB,kCAuQ9K,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Bracket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAgB,uBAAuB,EAAuG,kBAAkB,EAAiC,MAAM,UAAU,CAAC;AAU9N,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,kBAAkB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,WAAW,8IAA8I,gBAAgB,kCAqQ9K,CAAA;AAED,eAAe,WAAW,CAAA"}

package/package.json

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

package/src/Bracket/api/index.ts

@@ -109,7 +109,6 @@ const BracketComeptitionApi = {
     },
     getMyPlayerBrackets: async(bracket_id?:string, bracket_competition_id?:string):Promise<{ player_brackets: PlayerBracketProps[], competition_player_brackets:CompetitionPlayerBracketProps[], bracket_competitions:BracketCompetitionProps[] }> => {
         const resp = await axios.get(`${TP_SVC_API}/v1/brackets/player?bracket_id=${bracket_id}&bracket_competition_id=${bracket_competition_id}`)
-        console.log(resp.data)
         return resp.data
     },
     savePick: async(player_bracket_pick:PlayerBracketPickProps):Promise<{player_bracket:PlayerBracketProps, player_bracket_picks:PlayerBracketPickProps[], competition_player_brackets:CompetitionPlayerBracketProps[]}> => {
@@ -160,6 +159,11 @@ const BracketCompetitionHelpers = {
         if(moment().isBefore(moment(bc.scheduled_datetime))){ return true }
         return false
     },
+    canEnter: (bc?:BracketCompetitionProps) => {
+        if(!bc) { return false }
+        if(moment().isAfter(moment(bc.scheduled_datetime))){ return false }
+        return true
+    },
     canMakePick: (bracket?:BracketProps) => {
         if(!bracket){ return false }
         if(moment().isAfter(moment(bracket.scheduled_datetime))){ return false }

package/src/Bracket/components/BracketCompetitionCard.tsx

@@ -36,6 +36,7 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
     const [ show_info, setShowInfo ] = useState(true);
     const [ show_leaders, setShowLeaders ] = useState(true);
     const [ card_data, setData ] = useState<{
+        loading:boolean,
         bracket_competition?:BracketCompetitionProps,
         bracket?:BracketProps,
         bracket_rounds:BracketRoundProps[],
@@ -45,6 +46,7 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
         players:PublicPlayerProps[],
         loaded:boolean
     }>({
+        loading:false,
         loaded:false,
         bracket_rounds: [],
         competition_player_brackets: [],
@@ -53,15 +55,15 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
         players: []
     })
 
-    const { loaded, bracket_competition, bracket, bracket_rounds, competition_player_brackets, bracket_competition_scoring_rules } = card_data;
+    const {loading, loaded, bracket_competition, bracket, bracket_rounds, competition_player_brackets, bracket_competition_scoring_rules } = card_data;
     const result_type = competition_result_types.find(crt => crt.competition_result_type_id == bracket_competition?.competition_result_type_id);
-
     useEffect(() => {
         if(!bracket_competition_id){ return }
         getCompetitionData(bracket_competition_id)
     },[bracket_competition_id])
 
     const getCompetitionData = async(id:string) => {
+        setData({ ...card_data, loading:true });
         const resp = await BracketComeptitionApi.getBracketCompetitionById(id);
         if(player){
             const my_cpbs = resp.competition_player_brackets.filter(cpb => cpb.player_id == player.player_id)
@@ -73,6 +75,7 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
         const ps = await BracketApi.getPlayersByPlayerIds(player_ids);
         setData({
             ...card_data,
+            loading:false,
             bracket_competition: resp.bracket_competition,
             bracket_competition_scoring_rules: resp.bracket_competition_scoring_rules,
             competition_player_brackets:resp.competition_player_brackets,
@@ -156,7 +159,7 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
 
     if(!visible){ return <></> }
 
-    if(!loaded || !bracket_competition || !bracket){
+    if(!loaded || !bracket_competition || !bracket || loading){
         return (
             <View>
                 <ActivityIndicator style={{ padding:20, alignSelf:'center' }} size='large' color={Colors.brand.midnight} />
@@ -245,14 +248,14 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
                 </TouchableOpacity>
                 {show_info ?
                 <View style={{ padding:10, margin:10, borderWidth:1, borderRadius:8, borderColor:Colors.shades.shade600 }}>
+                     <View style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
+                        <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Entries</Text>
+                        <Text size={14} color={Colors.brand.midnight} weight='bold'>{bracket_competition.tickets_sold} / {bracket_competition.max_brackets}</Text>
+                    </View>
                     <View style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
                         <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Ticket Price</Text>
                         <Text size={14} color={Colors.brand.midnight} weight='bold'>${bracket_competition.buy_in.toFixed(2)}</Text>
                     </View>
-                    <View style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
-                        <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Current Payout</Text>
-                        <Text size={14} color={Colors.brand.midnight} weight='bold'>${payout.toFixed(2)}</Text>
-                    </View>
                     {result_type ?
                     <View style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
                         <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Payout Type</Text>
@@ -260,9 +263,26 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
                     </View>
                     :<></>}
                     <View style={{ flexDirection:'row', alignItems:'center', padding:5 }}>
-                        <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Entries</Text>
-                        <Text size={14} color={Colors.brand.midnight} weight='bold'>{bracket_competition.tickets_sold} / {bracket_competition.max_brackets}</Text>
+                        <Text style={{ flex:1 }} size={14} weight='bold' color={Colors.brand.midnight}>Current Payout</Text>
+                        <Text size={14} color={Colors.brand.midnight} weight='bold'>${payout.toFixed(2)}</Text>
+                    </View>
+                    {bracket_competition.prize_override ?
+                    <View style={{ marginTop:5, backgroundColor:Colors.incentive.gold_faded, padding:10, borderRadius:8 }}>
+                        <View style={{ padding:5 }}>
+                            <Text size={14} color={Colors.incentive.gold} weight='bold'>Additional Prize</Text>
+                        </View>
+                        <View style={{ padding:5, flexDirection:'row', alignItems:'center' }}>
+                            <Image
+                                source={{ uri: bracket_competition.prize_image?.url ?? 'https://res.cloudinary.com/hoabts6mc/image/upload/v1697121009/Medal_and_trophy_awarded_for_success_wkuk6r.png' }}
+                                style={{ height:40, width:40, borderRadius:4 }}
+                                resizeMode='cover'
+                            />
+                            <View style={{ flex:1, marginLeft:5 }}>
+                                <Text size={14} color={Colors.brand.midnight} weight='bold'>{bracket_competition.prize_override}</Text>
+                            </View>
+                        </View>
                     </View>
+                    :<></>}
                 </View>
                 :<></>}
             </View>
@@ -304,8 +324,8 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
                     />
                 </View>
                 :<></>}
-                
             </View>
+            </ScrollView>
             {show_leaderboard ?
             <View style={{ position: 'absolute', left:0, right:0, bottom:0 }}>
                 <Spring
@@ -313,7 +333,7 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
                     from={500}
                     slide='vertical'
                 >
-                    <View style={{ flex:1, height, backgroundColor:Colors.shades.white }}>
+                    <View style={{ height, backgroundColor:Colors.shades.white }}>
                         <CompetitionLeaderboard
                             bracket_competition_id={bracket_competition.bracket_competition_id}
                             view_mode='full'
@@ -340,7 +360,6 @@ const BracketCompetitionCard = ({ visible, player_balance, player, height, my_co
                 />
             </View>
             :<></>}
-            </ScrollView>
         </View>
     )
 }

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

@@ -25,15 +25,15 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
     const [ round_event_loading, setRoundEventLoading ] = useState<string|undefined>(undefined);
     const [ show_filter, setShowFilter ] = useState(false);
     const [ play_data, setPlayData ] = useState<{
-        loading:boolean,
+        play_loading:boolean,
         player_bracket?:PlayerBracketProps,
         player_bracket_picks:PlayerBracketPickProps[]
     }>({
-        loading:false,
+        play_loading:false,
         player_bracket_picks: []
     });
     const [ bracket_data, setData ] = useState<{
-        loaded:boolean,
+        loading:boolean,
         bracket?:BracketProps,
         bracket_groups:BracketGroupProps[],
         bracket_rounds:BracketRoundProps[],
@@ -44,7 +44,7 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
         selected_round?:BracketRoundProps,
         events:EventProps[]
     }>({
-        loaded: false, 
+        loading:false,
         bracket_groups: [],
         bracket_rounds: [],
         round_events: [],
@@ -52,8 +52,8 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
         athletes: [],
         events: []
     })
-    const { player_bracket, player_bracket_picks } = play_data;
-    const { bracket_groups, bracket_rounds, round_events, bracket, teams, athletes, selected_group, selected_round } = bracket_data;
+    const { play_loading, player_bracket, player_bracket_picks } = play_data;
+    const { loading, bracket_groups, bracket_rounds, round_events, bracket, teams, athletes, selected_group, selected_round } = bracket_data;
 
     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
@@ -78,10 +78,11 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
     },[player_bracket_id])
 
     const getPlayData = async(id:string) => {
+        setPlayData({ ...play_data, play_loading: true })
         const resp = await BracketComeptitionApi.getPlayerBracketById(id)
         setPlayData({
             ...play_data,
-            loading:false,
+            play_loading:false,
             player_bracket_picks: resp.player_bracket_picks,
             player_bracket:resp.player_bracket
         })
@@ -118,6 +119,7 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
         setRoundEventLoading(undefined)
     }
     const getData = async(id:string) => {
+        setData({ ...bracket_data, loading:true })
         const b = await BracketApi.getBracketById(id);
         let team_ids:string[] = []
         let athlete_ids:string[] = []
@@ -138,6 +140,7 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
             bracket_rounds: b.bracket_rounds,
             round_events: b.round_events,
             teams: ts,
+            loading:false,
             athletes: aths
         })
     }
@@ -163,7 +166,7 @@ const BracketPlay = ({ visible, player, room_size, bracket_id, player_bracket_id
 
     if(!visible){ return <></> }
 
-    if(!bracket){
+    if(!bracket || loading || play_loading){
         return (
             <View>
                 <ActivityIndicator size='large' style={{ padding:20, alignSelf:'center' }} color={Colors.brand.midnight} />

package/src/Bracket/components/CompetitionLeaderboard.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { FlatList, View, TouchableOpacity, Image } from 'react-native';
+import { FlatList, View, TouchableOpacity, Image, ScrollView, ActivityIndicator } from 'react-native';
 import type { AthleteProps, CompetitionPlayerBracketProps, PlayerBracketProps, PublicPlayerProps, TeamProps } from '../../types';
 import { BracketApi, BracketComeptitionApi } from '../api';
 import Colors from '../../constants/colors';
 import { Button, Text } from '../../Components';
 import { CompetitionHelpers } from '../../Competition/api';
+import { view_styles } from '../../constants/styles';
 
 type CompetitionLeaderboardProps = {
     bracket_competition_id:string,
@@ -34,7 +35,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
         player_brackets:[],
         players:[]
     })
-    const {  competition_player_brackets, players, player_brackets, teams, athletes } = leaders_data;
+    const { loading, offset, competition_player_brackets, players, player_brackets, teams, athletes } = leaders_data;
 
     let visible_leaders = competition_player_brackets.sort((a,b) => a.place - b.place);
     if(view_mode == 'short'){ visible_leaders = competition_player_brackets.slice(0, 3) }
@@ -59,6 +60,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
             competition_player_brackets: resp.competition_player_brackets,
             player_brackets: resp.player_brackets.filter(pb => !my_player_brackets.find(mpb => mpb.player_bracket_id == pb.player_bracket_id)).concat(my_player_brackets),
             teams:ts,
+            offset: page,
             athletes: aths,
             players: ps
         })
@@ -72,7 +74,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
         if(show_champions && player_bracket.champion_id_type == 'team'){ champ_team = teams.find(t => t.team_id == player_bracket.champion_id) }
         if(show_champions && player_bracket.champion_id_type == 'athlete'){ champ_athlete = athletes.find(t => t.athlete_id == player_bracket.champion_id) }
         return (
-            <TouchableOpacity style={{ flexDirection:'row', alignItems:'center', borderRadius:22, borderTopLeftRadius:4, borderBottomLeftRadius:4, margin:3, backgroundColor:Colors.shades.white, padding:4 }}>
+            <TouchableOpacity style={{ flexDirection:'row', alignItems:'center', borderRadius:22, margin:6, backgroundColor:Colors.shades.white, padding:4 }}>
                  <View style={{ padding:5 }}>
                     <Text size={14} color={Colors.brand.midnight} weight='bold'>{CompetitionHelpers.formatPlace(data.item.place)}</Text>
                 </View>
@@ -113,7 +115,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
 
     return (
         <View style={{ flex:1 }}>
-            <View style={{ flex:1 }}>
+            <ScrollView style={{ flex:1 }}>
             {my_competition_player_brackets.length > 0 ?
             <View style={{ backgroundColor:Colors.brand.midnight, padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
                 <View style={{ marginBottom:5 }}>
@@ -130,11 +132,14 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
                 <View style={{ marginBottom:5 }}>
                     <Text size={14} color={Colors.brand.midnight}>RESULTS</Text>
                 </View>
+                {loading ?
+                <ActivityIndicator size='large' color={Colors.brand.midnight} style={{ padding:25, alignSelf:'center' }} />
+                :
                 <FlatList
                     data={visible_leaders}
                     renderItem={renderLeaders}
                     keyExtractor={(item) => item.competition_player_bracket_id.toString()}
-                />
+                />}
             </View>
             {view_mode == 'short' && onViewFull ?
             <View style={{ padding:10 }}>
@@ -146,9 +151,25 @@ const CompetitionLeaderboard = ({ bracket_competition_id, my_competition_player_
                 />
             </View>
             :<></>}
-            </View>
+            </ScrollView>
             {onClose ?
-            <View style={{ padding:10 }}>
+            <View style={{ padding:10, ...view_styles.float }}>
+                <View style={{ padding:10, flexDirection:'row', alignItems:'center', justifyContent:'space-between' }}>
+                    {offset > 0 ?
+                    <Button
+                        title='PREV'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaders(bracket_competition_id, offset - 1)}
+                    />
+                    :<View/>}
+                    <Button
+                        title='NEXT'
+                        title_color={Colors.brand.electric}
+                        backgroundColor='transparent'
+                        onPress={() => getLeaders(bracket_competition_id, offset + 1)}
+                    />
+                </View>
                 <Button
                     title='Close'
                     style={{ padding:15 }}

package/src/Bracket/components/JoinCompetitionCard.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View, Image } from "react-native";
-import { Button, Text } from '../../Components';
+import React, { useState } from 'react';
+import { View, Image, TouchableOpacity, Linking } from "react-native";
+import { Button, Checkbox, Text } from '../../Components';
 import type { BracketCompetitionProps, CompetitionPlayerBracketProps, MyPlayerProps, PlayerBalanceProps, PlayerBracketProps } from '../../types';
 import { BracketCompetitionHelpers } from '../api';
 import Colors from '../../constants/colors';
@@ -18,7 +18,8 @@ type JoinCompetitionCardProps = {
 }
 
 const JoinCompetitionCard = ({ player, player_balance, loading, player_bracket, bracket_competition, onNotEnoughBalance, onEnterCompetition, onClose }:JoinCompetitionCardProps) => {
-    
+    const [ disclaimed, setDisclaimed ] = useState(true);
+
     const buy_in_label = BracketCompetitionHelpers.getBuyInTitle(bracket_competition)
 
     const handleEnter = () => {
@@ -54,6 +55,12 @@ const JoinCompetitionCard = ({ player, player_balance, loading, player_bracket,
                     <Text style={{ marginTop:3 }} size={12} color={Colors.brand.slate} weight='regular'>{(player_bracket.completion_pct*100).toFixed(2)}% Complete</Text>
                 </View>
             </View>
+            {bracket_competition.opt_in_url ?
+            <TouchableOpacity style={{ flexDirection:'row', alignItems:'center', padding:20, backgroundColor:Colors.shades.shade100 }} onPress={() => setDisclaimed(!disclaimed)}>
+                <Checkbox size={24} checked={disclaimed} disabled onSelect={() => console.log('')}/>
+                <Text color={Colors.brand.midnight} weight='regular' size={14} style={{ flex:1, marginLeft:10 }}>I agree to the terms and conditiions outlined <TouchableOpacity onPress={() => Linking.openURL(bracket_competition.opt_in_url??'')}><Text size={14} color={Colors.brand.electric} weight='bold'>HERE</Text></TouchableOpacity></Text>
+            </TouchableOpacity>
+            :<></>}
             <View style={{ flexDirection:'row', alignItems:'center', padding:10, backgroundColor:Colors.shades.shade100, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
                 <Button
                     title='Close'
@@ -66,8 +73,8 @@ const JoinCompetitionCard = ({ player, player_balance, loading, player_bracket,
                 />
                 <Button
                     title={buy_in_label}
-                    disabled={loading}
-                    style={{ flex:2, opacity: loading?0.5:1  }}
+                    disabled={loading || !disclaimed}
+                    style={{ flex:2, opacity: !disclaimed||loading?0.5:1  }}
                     loading={loading}
                     padding={15}
                     title_color={Colors.shades.white}

package/src/Bracket/index.tsx

@@ -194,8 +194,6 @@ const BracketRoom = ({ player_id, bracket_id, bracket_competition_id, player_bal
                 competition_result_types={competition_result_types}
                 height={room_size.height}
                 onUpdateMyData={(data) => {
-                    console.log('updating data')
-                    console.log(data)
 
                     setMyData({
                         ...my_data,