be-components 4.5.5 → 4.5.6

package/lib/typescript/src/Bracket/components/RoomHome.d.ts

@@ -1,16 +1,9 @@
 import React from 'react';
-import type { AthleteProps, BracketCompetitionProps, BracketProps, CompetitionPlayerBracketProps, CompetitionResultTypeProps, LeagueProps, MyPlayerProps, PlayerBracketProps, TeamProps } from '../../types';
+import type { BracketCompetitionProps, LeagueProps, MyPlayerProps } from '../../types';
 type RoomHomeProps = {
     player?: MyPlayerProps;
-    visible?: boolean;
-    player_brackets: PlayerBracketProps[];
-    bracket_competitions: BracketCompetitionProps[];
-    competition_player_brackets: CompetitionPlayerBracketProps[];
-    brackets: BracketProps[];
+    visible: boolean;
     onManageCompetition: (bracket_competition_id: string) => void;
-    onMoreAdmin: (offset: number) => void;
-    admin_offset: number;
-    admin_competitions: BracketCompetitionProps[];
     onFocusPosition?: (pos: {
         x: number;
         y: number;
@@ -18,18 +11,17 @@ type RoomHomeProps = {
         width: number;
     }) => void;
     width: number;
-    public_competitions: BracketCompetitionProps[];
-    active_brackets: BracketProps[];
+    insets?: {
+        top: number;
+        bottom: number;
+        right: number;
+        left: number;
+    };
     view_mode: 'mobile' | 'desktop';
-    competition_result_types: CompetitionResultTypeProps[];
     leagues: LeagueProps[];
     onCreateNewCompetition?: (bracket_id?: string) => void;
-    athletes: AthleteProps[];
-    onUpdatePlayerBracket: (player_bracket: PlayerBracketProps) => void;
-    onEditPlayerBracket: (player_bracket: PlayerBracketProps) => void;
-    onView: (bracket_id: string, player_bracket_id?: string, bracket_competition_id?: string) => void;
-    teams: TeamProps[];
+    onView: (bracket_id: string, player_bracket_id?: string, bracket_competition?: BracketCompetitionProps) => void;
 };
-declare const RoomHome: ({ visible, width, player, leagues, active_brackets, public_competitions, admin_competitions, onMoreAdmin, admin_offset, onManageCompetition, onCreateNewCompetition, onView, onUpdatePlayerBracket, onEditPlayerBracket, onFocusPosition, brackets, player_brackets, bracket_competitions, competition_player_brackets, athletes, teams }: RoomHomeProps) => React.JSX.Element;
+declare const RoomHome: ({ view_mode, visible, width, player, leagues, insets, onManageCompetition, onCreateNewCompetition, onView, onFocusPosition }: RoomHomeProps) => React.JSX.Element;
 export default RoomHome;
 //# sourceMappingURL=RoomHome.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoomHome.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/RoomHome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAS7M,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,eAAe,EAAC,kBAAkB,EAAE,CAAC;IACrC,oBAAoB,EAAC,uBAAuB,EAAE,CAAC;IAC/C,2BAA2B,EAAC,6BAA6B,EAAE,CAAC;IAC5D,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,WAAW,EAAC,CAAC,MAAM,EAAC,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAC,MAAM,CAAC;IACpB,kBAAkB,EAAC,uBAAuB,EAAE,CAAC;IAC7C,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,KAAK,EAAC,MAAM,CAAC;IACb,mBAAmB,EAAC,uBAAuB,EAAE,CAAC;IAC9C,eAAe,EAAC,YAAY,EAAE,CAAC;IAC/B,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAA;IAC5B,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;IACtD,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,qBAAqB,EAAC,CAAC,cAAc,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAClE,mBAAmB,EAAC,CAAC,cAAc,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAChE,MAAM,EAAE,CAAC,UAAU,EAAC,MAAM,EAAE,iBAAiB,CAAC,EAAC,MAAM,EAAE,sBAAsB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC/F,KAAK,EAAC,SAAS,EAAE,CAAA;CACpB,CAAA;AAcD,QAAA,MAAM,QAAQ,8UAA8U,aAAa,sBA+iBxW,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"RoomHome.d.ts","sourceRoot":"","sources":["../../../../../src/Bracket/components/RoomHome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAgB,uBAAuB,EAA+C,WAAW,EAAE,aAAa,EAAiC,MAAM,aAAa,CAAC;AAWjL,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,EAAC,aAAa,CAAC;IACtB,OAAO,EAAC,OAAO,CAAC;IAChB,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAA;KAAE,CAAC;IAClE,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAA;IAC5B,OAAO,EAAC,WAAW,EAAE,CAAC;IACtB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IACrD,MAAM,EAAE,CAAC,UAAU,EAAC,MAAM,EAAE,iBAAiB,CAAC,EAAC,MAAM,EAAE,mBAAmB,CAAC,EAAC,uBAAuB,KAAK,IAAI,CAAC;CAChH,CAAA;AAcD,QAAA,MAAM,QAAQ,iIAAgI,aAAa,sBAyxB1J,CAAA;AAED,eAAe,QAAQ,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;AAEnD,OAAO,KAAK,EAAgB,uBAAuB,EAAuG,kBAAkB,EAAiC,MAAM,UAAU,CAAC;AAY9N,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAA;KAAE,CAAC;IAClE,KAAK,EAAC,MAAM,CAAC;IACb,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAC,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACvD,CAAA;AAID,QAAA,MAAM,WAAW,yMAAyM,gBAAgB,sBAgkBzO,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;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAyF,kBAAkB,EAAsB,MAAM,UAAU,CAAC;AAUvL,KAAK,gBAAgB,GAAG;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,SAAS,EAAC,QAAQ,GAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAA;KAAE,CAAC;IAClE,KAAK,EAAC,MAAM,CAAC;IACb,cAAc,CAAC,EAAC,kBAAkB,CAAC;IACnC,sBAAsB,CAAC,EAAC,MAAM,CAAC;IAC/B,mBAAmB,EAAC,CAAC,sBAAsB,EAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAC,CAAC,IAAI,EAAC;QAAE,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,kBAAkB,EAAC,CAAC,mBAAmB,EAAC,uBAAuB,KAAK,IAAI,CAAC;IACzE,qBAAqB,EAAE,CAAC,gBAAgB,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAC,CAAC,IAAI,EAAC;QAAE,mBAAmB,EAAC,uBAAuB,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAC,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAC,CAAC,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACvD,CAAA;AAID,QAAA,MAAM,WAAW,yMAAyM,gBAAgB,sBAgczO,CAAA;AAED,eAAe,WAAW,CAAA"}

package/package.json

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

package/src/Bracket/api/index.ts

@@ -98,9 +98,7 @@ const BracketComeptitionApi = {
     },
     getBracketCompetitionsByBracketId: async(bracket_id:string):Promise<BracketCompetitionProps[]> => {
         try {
-            console.log('getting it')
             const resp = await axios.get(`${TP_SVC_API}/v1/brackets/competitions/bracket/${bracket_id}`)
-            console.log(resp.data)
             return resp.data.bracket_competitions
         } catch (e) {
             console.log(e)

package/src/Bracket/components/BracketCompetitionActions.tsx

@@ -60,9 +60,8 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
     });
     const { show_enter, show_leaders, active_competition_id, bracket_competitions } = action_data;
     const [ action_loading, setActionLoading ] = useState(false);
-    const active_competition = bracket_competitions.find(bc => bc.bracket_competition_id == active_competition_id && bc.status == 'scheduled');
+    const active_competition = bracket_competitions.find(bc => bc.bracket_competition_id == active_competition_id);
     const competition_player_bracket = competition_player_brackets.find(cpb => cpb.status == 'active' && cpb.player_bracket_id == player_bracket?.player_bracket_id && cpb.bracket_competition_id == active_competition_id);
-
     const entered_cpbs = competition_player_brackets.filter(cpb => cpb.status == 'active' && cpb.bracket_competition_id == active_competition_id);
     const visible_pbs = player_brackets.filter(pb => pb.bracket_id == bracket_id)
     const allow_enter = BracketCompetitionHelpers.canEnter(active_competition) && !BracketCompetitionHelpers.isEntered(competition_player_bracket);
@@ -79,7 +78,9 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
         setActionData({ ...action_data, loading:true });
         const bcs = await BracketComeptitionApi.getBracketCompetitionsByBracketId(id);
         let active_comp = comp_id
-        if(!active_comp){ active_comp = bcs[0]?.bracket_competition_id }
+        //if(!active_comp){ 
+        //    active_comp = bcs[0]?.bracket_competition_id
+        //}
         setActionData({
             ...action_data,
             bracket_competitions: bcs.filter(bc => bc.status != 'pending'),
@@ -229,14 +230,14 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
                         {active_competition.admin_id == player?.player_id ?
                         <Button
                             type='action'
-                            style={{ flex:0.5 }}
+                            style={{ flex:1, marginRight:5 }}
                             title='MANAGE'
                             onPress={() => onManage(active_competition.bracket_competition_id)}
                         />
                         :<></>}
                         {allow_enter ?
                         <Button
-                            style={{ flex:1, opacity: action_loading? 0.5: 1 }}
+                            style={{ flex:2, opacity: action_loading? 0.5: 1 }}
                             type='success'
                             loading={action_loading}
                             title='Enter Competition'
@@ -303,7 +304,7 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, o
                     :<></>}
                     <View transparent>
                         <FlatList
-                            data={bracket_competitions.sort((a,b) => parseInt(a.bracket_competition_id) - parseInt(b.bracket_competition_id))}
+                            data={bracket_competitions.filter(bc => !bc.invite_only).sort((a,b) => parseInt(a.bracket_competition_id) - parseInt(b.bracket_competition_id))}
                             renderItem={renderCompetitions}
                             key={'bracket_competition_options'}
                             keyExtractor={(item) => item.bracket_competition_id.toString()}

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

@@ -37,7 +37,7 @@ const BracketRoundSection = ({ bracket_round, round_event_loading, teams, round_
         const away_team = teams.find(t => t.team_id == data.item.away_side_id);
         const loading = round_event_loading == data.item.round_event_id ? true : false
         return (
-            <View transparent style={{ margin:2, flex:1, flexGrow:1, justifyContent:'center' }}>
+            <View key={`${data.item.bracket_id}_${data.item.round_event_id}`} transparent style={{ margin:2, flex:1, flexGrow:1, justifyContent:'center' }}>
                 <View transparent style={{ margin:1, ...view_styles.float }}>
                     <RoundEventCard
                         round_event={data.item}
@@ -64,7 +64,7 @@ const BracketRoundSection = ({ bracket_round, round_event_loading, teams, round_
 
 
     return (
-        <View transparent style={{ }}>
+        <View key={`${bracket_round.bracket_id}_${bracket_round.bracket_round_id}`} transparent style={{ }}>
             {!hide_titles ?
             <View transparent style={{ padding:10 }}>
                 <Text size={14} theme='h1' textAlign="center">{bracket_round.round_name}</Text>

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

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, ScrollView, Image } from "react-native";
 import type { AthleteProps, BracketGroupProps, BracketProps, BracketRoundProps, CompetitionPlayerBracketProps, EventProps, MyPlayerProps, PlayerBracketPickProps, PlayerBracketProps, RoundEventProps, TeamProps } from '../../../types';
 import { BracketApi, BracketComeptitionApi, BracketCompetitionHelpers } from '../../api';
-import { Icons } from '../../../Components';
 import BracketRoundSection from './BracketRound';
 import { Button, Text, View } from '../../../Components/Themed';
 import { useColors } from '../../../constants/useColors';
@@ -12,13 +11,12 @@ type BracketPlayProps = {
     player_bracket_id?:string,
     bracket_id?:string,
     width:number,
-    onEditPlayerBracket: (pb:PlayerBracketProps) => void,
     onRequestAuthenticate: () => void,
     onChangePlayerBracket: (bracket_id:string) => void,
     onPlayerBracketUpdate: (pb:PlayerBracketProps, cpbs:CompetitionPlayerBracketProps[]) => void,
 }
 
-const BracketPlay = ({ player, width, bracket_id, player_bracket_id, onEditPlayerBracket, onPlayerBracketUpdate, onChangePlayerBracket, onRequestAuthenticate }:BracketPlayProps) => {
+const BracketPlay = ({ player, width, bracket_id, player_bracket_id, onPlayerBracketUpdate, onChangePlayerBracket, onRequestAuthenticate }:BracketPlayProps) => {
     const Colors = useColors();
     const [ round_event_loading, setRoundEventLoading ] = useState<string|undefined>(undefined);
     const [ play_data, setPlayData ] = useState<{
@@ -146,18 +144,18 @@ const BracketPlay = ({ player, width, bracket_id, player_bracket_id, onEditPlaye
 
     const renderBracketRounds = (data: { item:BracketRoundProps, index:number }) => {
         return (
-            <BracketRoundSection 
-                round_event_loading={round_event_loading}
-                bracket_round={data.item}
-                round_events={round_events}
-                teams={teams}
-                athletes={athletes}
-                player_bracket_picks={player_bracket_picks}
-                width={round_width}
-                orientation='right'
-                onPick={(pick) => handlePick(pick)}
-            
-            />
+                <BracketRoundSection 
+                    round_event_loading={round_event_loading}
+                    bracket_round={data.item}
+                    round_events={round_events}
+                    teams={teams}
+                    athletes={athletes}
+                    player_bracket_picks={player_bracket_picks}
+                    width={round_width}
+                    orientation='right'
+                    onPick={(pick) => handlePick(pick)}
+                
+                />
         )
     }
 
@@ -195,9 +193,6 @@ const BracketPlay = ({ player, width, bracket_id, player_bracket_id, onEditPlaye
                     <Text size={14} theme='h1'>{player_bracket.bracket_name}</Text>
                     <Text style={{ marginTop:3 }} size={12} theme='description'>{(player_bracket.completion_pct*100).toFixed(2)}% Complete</Text>
                 </View>
-                <Button transparent onPress={() => onEditPlayerBracket(player_bracket)}>
-                    <Icons.EditIcon size={14} color={Colors.text.action} />
-                </Button>
                 <Button
                     title='Change'
                     style={{ padding:10 }}

package/src/Bracket/components/EditPlayerBracket.tsx

@@ -1,18 +1,25 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Button, Text, TextInput, View } from "../../Components/Themed"
 import type { PlayerBracketProps } from "../../types"
 import { BracketComeptitionApi } from '../api';
+import { Modal } from 'react-native';
 
 type EditPlayerBracketProps = {
     player_bracket?:PlayerBracketProps,
+    view_mode?:'desktop'|'mobile',
+    insets?:{ top:number, bottom:number, left:number, right:number },
     onUpdatePlayerBracket:(pb:PlayerBracketProps) => void,
     onFocusPosition?:(data:{ x:number, y:number, height:number, width:number }) => void,
     onClose:() => void
 }
-const EditPlayerBracket = ({ player_bracket, onUpdatePlayerBracket, onFocusPosition, onClose }:EditPlayerBracketProps) => {
+const EditPlayerBracket = ({ player_bracket, view_mode, onUpdatePlayerBracket, onFocusPosition, insets, onClose }:EditPlayerBracketProps) => {
     const [ draft_pb, setDraftPb ] = useState(player_bracket);
     const [ action_loading, setActionLoading ] = useState(false);
 
+    useEffect(() => {
+        setDraftPb(player_bracket)
+    },[player_bracket])
+
     const is_changed = JSON.stringify(draft_pb) != JSON.stringify(player_bracket) ? true : false
 
     const handleUpdate = async() => {
@@ -35,48 +42,57 @@ const EditPlayerBracket = ({ player_bracket, onUpdatePlayerBracket, onFocusPosit
     if(!player_bracket || !draft_pb){ return <></> }
 
     return (
-        <View transparent>
-            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
-                <View transparent style={{ flex:1 }}>
-                    <Text theme='h1'>EDIT MY BRACKET</Text>
-                    <Text style={{ marginTop:3 }} theme='description'>{player_bracket.bracket_name}</Text>
-                </View>
-                <Button
-                    title='DELETE'
-                    type='error'
-                    loading={action_loading}
-                    style={{ padding:10, opacity:action_loading?0.5:1 }}
-                    disabled={action_loading}
-                    onPress={() => handleDelete()}
-                />
-            </View>
-            <View type='body' style={{ padding:10 }}>
-                <View>
-                    <Text style={{ marginBottom:10 }} theme='h2'>Update Bracket Name</Text>
-                    <TextInput
-                        value={draft_pb?.bracket_name}
-                        onFocusPosition={onFocusPosition}
-                        onChangeText={(text) => setDraftPb({ ...draft_pb, bracket_name: text })}
-                    />
+        <Modal
+            visible={player_bracket ? true : false}
+            style={{ flex:1 }}
+            transparent
+            animationType={view_mode == 'desktop' ? 'fade' : 'slide'}
+        >
+            <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', paddingBottom:(insets?.bottom ?? 0)}}>
+                <View float style={view_mode == 'desktop' ? { width:500 }:{ margin:10 }}>
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                        <View transparent style={{ flex:1 }}>
+                            <Text theme='h1'>EDIT MY BRACKET</Text>
+                            <Text style={{ marginTop:3 }} theme='description'>{player_bracket.bracket_name}</Text>
+                        </View>
+                        <Button
+                            title='DELETE'
+                            type='error'
+                            loading={action_loading}
+                            style={{ padding:10, opacity:action_loading?0.5:1 }}
+                            disabled={action_loading}
+                            onPress={() => handleDelete()}
+                        />
+                    </View>
+                    <View type='body' style={{ padding:10 }}>
+                        <View>
+                            <Text style={{ marginBottom:10 }} theme='h2'>Update Bracket Name</Text>
+                            <TextInput
+                                value={draft_pb?.bracket_name}
+                                onFocusPosition={onFocusPosition}
+                                onChangeText={(text) => setDraftPb({ ...draft_pb, bracket_name: text })}
+                            />
+                        </View>
+                    </View>
+                    <View type='footer' style={{ flexDirection:'row', padding:10, borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
+                        <Button
+                            style={{ flex:1 }}
+                            title='CANCEL'
+                            type='close'
+                            onPress={() => onClose()}
+                        />
+                        <Button
+                            style={{ flex:2, marginLeft:5, opacity: is_changed?1:0.5 }}
+                            title='UPDATE'
+                            loading={action_loading}
+                            type='success'
+                            disabled={!is_changed || action_loading}
+                            onPress={handleUpdate}
+                        />
+                    </View>
                 </View>
             </View>
-            <View type='footer' style={{ flexDirection:'row', padding:10, borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
-                <Button
-                    style={{ flex:1 }}
-                    title='CANCEL'
-                    type='close'
-                    onPress={() => onClose()}
-                />
-                <Button
-                    style={{ flex:2, marginLeft:5, opacity: is_changed?1:0.5 }}
-                    title='UPDATE'
-                    loading={action_loading}
-                    type='success'
-                    disabled={!is_changed || action_loading}
-                    onPress={handleUpdate}
-                />
-            </View>
-        </View>
+        </Modal>
     )
 }
 

package/src/Bracket/components/EnteredCompetitionsModal.tsx

@@ -0,0 +1,113 @@
+import React from 'react';
+import { FlatList, Image, Modal } from "react-native"
+import type { AthleteProps, BracketCompetitionProps, CompetitionPlayerBracketProps, PlayerBracketProps, TeamProps } from "../../types"
+import { Button, Text, View } from '../../Components/Themed';
+import { useColors } from '../../constants/useColors';
+import { Icons } from '../../Components';
+import { BracketCompetitionHelpers } from '../api';
+
+type EnteredCompetitionsModalProps = {
+    view_mode: 'desktop'|'mobile',
+    player_bracket?:PlayerBracketProps,
+    insets?:{ top:number, bottom:number, left:number, right:number },
+    entered_competitions:BracketCompetitionProps[],
+    entered_brackets:CompetitionPlayerBracketProps[],
+    champion_team?:TeamProps,
+    champion_athlete?:AthleteProps,
+    onClose:() => void,
+    onSelectCompetition:(bracket_competition:BracketCompetitionProps) => void
+}
+const EnteredCompetitionsModal = ({ view_mode, champion_athlete, champion_team, player_bracket, insets, entered_brackets, entered_competitions, onClose, onSelectCompetition }:EnteredCompetitionsModalProps) => {
+    const Colors = useColors();
+
+    const renderCompetitions = (data:{item:BracketCompetitionProps, index:number}) => {
+        const cl = data.item.market_type == 'FOR_MONEY' ? "$" : 'E'
+        const cpb = entered_brackets.find(b => b.bracket_competition_id == data.item.bracket_competition_id && b.player_bracket_id == player_bracket?.player_bracket_id);
+        let pot = BracketCompetitionHelpers.getPayout(data.item)
+        return (
+            <Button style={{ flexDirection:'row', alignItems:'center', borderBottomWidth:1, borderColor:Colors.borders.light }} onPress={() => onSelectCompetition(data.item)}>
+                <Image
+                    source={{ uri: data.item.image?.url }}
+                    style={{ height:40, width:40 }}
+                    resizeMode='cover'
+                />
+                <View style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='h2'>{data.item.competition_name}</Text>
+                    {cpb ?
+                    <Text style={{ marginTop:3 }}>{pot > 0 ? `Total Pot: ${cl}${pot.toFixed(2)}`:''}Place {cpb.place} / {data.item.tickets_sold}</Text>
+                    :<></>}
+                </View>
+                {cpb ?
+                <View style={{ justifyContent:'center', alignItems:'center', marginRight:20, marginLeft:20 }}>
+                    <Text theme='h2' color={Colors.text.success} textAlign='center'>{cl}{cpb.winnings.toFixed(2)}</Text>
+                    <Text theme='description' color={Colors.text.success} textAlign='center'>winnings</Text>
+                </View>
+                :<></>}
+                <Icons.ChevronIcon direction='right' size={10} color={Colors.text.action} />
+            </Button>
+        )
+    }
+
+    return (
+        <Modal
+            visible={player_bracket?true : false}
+            style={{ flex:1 }}
+            transparent
+            animationType={view_mode == 'desktop' ? 'fade' : 'slide'}
+            >
+            <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', paddingBottom:(insets?.bottom ?? 0)}}>
+                <View float style={view_mode == 'desktop' ? { width:500 }:{ margin:10 }}>
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                        <View transparent style={{ flex:1 }}>
+                            <Text theme='h1'>{player_bracket?.bracket_name ?? ''}</Text>
+                            <Text style={{ marginTop:3 }} theme='description'>Entered Competitions</Text>
+                        </View>
+                        {player_bracket?
+                        <View transparent>
+                            <Text theme='h1' color={Colors.text.h1}>{(player_bracket.completion_pct*100).toFixed(2)}%</Text>
+                        </View>
+                        :<></>}
+                        {champion_team ? 
+                        <View transparent style={{ padding:5, justifyContent:'center', alignItems:'center' }}>
+                            <Image
+                                source={{ uri: champion_team.image?.url }}
+                                style={{ height:30, width:30 }}
+                                resizeMode='cover'
+                            />
+                            <Text theme="description" textAlign="center">{champion_team.abbr}</Text>
+                        </View>
+                        :champion_athlete ?
+                        <View transparent style={{ padding:5, justifyContent:'center', alignItems:'center' }}>
+                            <Image
+                                source={{ uri: champion_athlete.image?.url }}
+                                style={{ height:30, width:30 }}
+                                resizeMode='cover'
+                            />
+                            <Text theme="description" textAlign="center">{champion_athlete.abbr_name}</Text>
+                        </View>
+                        :<></>}
+                    </View>
+                    <View type='body' style={{ flexGrow:1 }}>
+                        <FlatList
+                            key={'entered_comps'}
+                            keyExtractor={(item) => item.bracket_competition_id}
+                            data={entered_competitions}
+                            renderItem={renderCompetitions}
+                        />
+                    </View>
+                    <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
+                        <Button
+                            type='close'
+                            title='CLOSE'
+                            style={{ flex:1 }}
+                            onPress={() => onClose()}
+                        />
+                    </View>
+                </View>
+            </View>
+
+        </Modal>
+    )
+}
+
+export default EnteredCompetitionsModal

package/src/Bracket/components/ManageBracketCompetitionForm.tsx

@@ -197,7 +197,7 @@ const ManageBracketCompetitionForm = ({ player_id, bracket_competition_id, onFai
                         </View>
                     </View>
                     <TextInput
-                        value={scoring_rule.win_points as unknown as string}
+                        value={scoring_rule.win_points.toString() as unknown as string}
                         editable={scoring}
                         style={{ textAlign:'center', width:80 }}
                         onChangeText={(text) => handleUpdateScoringRule({ ...scoring_rule, win_points: text as unknown as number })}
@@ -206,8 +206,8 @@ const ManageBracketCompetitionForm = ({ player_id, bracket_competition_id, onFai
                     <View transparent style={{ flexDirection:'row', alignItems:'center' }}>
                         <Text style={{ padding:4 }} theme='h1'>X</Text>
                         <TextInput
-                            value={scoring_rule.underdog_multiplier  as unknown as string}
-                            style={{ textAlign:'center', width:50 }}
+                            value={scoring_rule.underdog_multiplier.toString() as unknown as string}
+                            style={{ textAlign:'center', width:65 }}
                             editable={scoring}
                             onChangeText={(text) => handleUpdateScoringRule({ ...scoring_rule, underdog_multiplier: text  as unknown as number })}
                         />

package/src/Bracket/components/PlayerBracketCard.tsx

@@ -11,17 +11,16 @@ type PlayerBracketCardProps = {
     champion_team?:TeamProps,
     champion_athlete?:AthleteProps,
     onEdit: (player_bracket:PlayerBracketProps) => void,
-    onView: (bracket_id:string, player_bracket_id?:string, bracket_competition_id?:string) => void,
+    onShowCompetitions:() => void,
+    onView: (bracket_id:string, player_bracket_id?:string, bracket_competition?:BracketCompetitionProps) => void,
     bracket_competitions:BracketCompetitionProps[],
     player_bracket:PlayerBracketProps,
     competition_player_brackets:CompetitionPlayerBracketProps[]
 }
 
-const PlayerBracketCard = ({ onEdit, champion_team, onView, player_bracket, bracket }:PlayerBracketCardProps) => {
+const PlayerBracketCard = ({ onEdit, champion_team, onView, player_bracket, bracket, competition_player_brackets, onShowCompetitions }:PlayerBracketCardProps) => {
     const Colors = useColors();
     
-
-    //const cl = bracket_competition.market_type == 'FOR_MONEY' ? '$' : 'E'
     return (
         <View type='row' style={{ flex:1 }}>
             {player_bracket.champion_id ?
@@ -49,6 +48,12 @@ const PlayerBracketCard = ({ onEdit, champion_team, onView, player_bracket, brac
                <Text theme="h1">{player_bracket.bracket_name}</Text>
                <Text style={{ marginTop:4 }} theme="description">{(player_bracket.completion_pct * 100).toFixed(2)}%</Text>
             </View>
+            {competition_player_brackets.length > 0 ?
+            <Button float style={{ flexDirection:'row', alignItems:'center', padding:10 }} onPress={() => onShowCompetitions()}>
+                <Text style={{ marginRight:5 }} theme="h1" color={Colors.text.action}>{competition_player_brackets.length}</Text>
+                <Icons.TrophyIcon size={12} color={Colors.text.action} />
+            </Button>
+            :<></>}
             {player_bracket.status != 'closed' ?
             <Button
                 type='text'

package/src/Bracket/components/PlayerBrackets.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { FlatList, Image } from "react-native"
+import { FlatList, Image, Modal } from "react-native"
 import type { AthleteProps, BracketCompetitionProps, BracketProps, CompetitionPlayerBracketProps, LeagueProps, PlayerBracketProps, TeamProps } from '../../types';
 import moment from 'moment-mini';
 import { Button, Text, View } from '../../Components/Themed';
@@ -9,8 +9,11 @@ import { BracketComeptitionApi, BracketCompetitionHelpers } from '../api';
 type PlayerBracketSelectorProps = {
     brackets:BracketProps[],
     player_id?:string,
+    visible?:boolean,
+    view_mode?:'desktop'|'mobile',
     bracket_id?:string,
     leagues:LeagueProps[],
+    insets?:{ top:number, bottom:number, left:number, right:number },
     teams:TeamProps[],
     athletes:AthleteProps[],
     player_brackets:PlayerBracketProps[],
@@ -21,7 +24,7 @@ type PlayerBracketSelectorProps = {
     onSelect:(pb:PlayerBracketProps) => void,
 }
 
-const PlayerBracketSelector = ({ brackets, bracket_id, leagues, teams, athletes, player_brackets, onSelect, onClose, onCreateNew }:PlayerBracketSelectorProps) => {
+const PlayerBracketSelector = ({ brackets, visible, view_mode, insets, bracket_id, leagues, teams, athletes, player_brackets, onSelect, onClose, onCreateNew }:PlayerBracketSelectorProps) => {
     const Colors = useColors();
     const [ action_loading, setActionLoading ] = useState(false);
     const active_brackets = player_brackets.filter(pb => pb.status == 'active');
@@ -109,39 +112,48 @@ const PlayerBracketSelector = ({ brackets, bracket_id, leagues, teams, athletes,
 
 
     return (
-        <View transparent style={{ flexGrow:1 }}>
-            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
-                <View transparent style={{ flex:1 }}>
-                    <Text theme='h1'>My Brackets</Text>
+        <Modal
+            visible={visible}
+            style={{ flex:1 }}
+            transparent
+            animationType={view_mode == 'desktop' ? 'fade' : 'slide'}
+            >
+            <View type='blur' style={view_mode == 'desktop' ? { flex:1, justifyContent:'center', alignItems:'center' } : { flex:1, justifyContent:'flex-end', paddingBottom:(insets?.bottom ?? 0) }}>
+                <View float style={view_mode == 'desktop' ? { width:500 }:{ margin:10 }}>
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                        <View transparent style={{ flex:1 }}>
+                            <Text theme='h1'>My Brackets</Text>
+                        </View>
+                        {bracket_id && onCreateNew ?
+                        <Button 
+                            type='success' 
+                            disabled={action_loading}
+                            loading={action_loading}
+                            style={{ flexDirection:'row', alignItems:'center', padding:10, opacity: action_loading?0.5:1 }} 
+                            onPress={() => handleCreateNew()}
+                            >
+                            <Text size={14} color={Colors.text.white}>NEW</Text>
+                        </Button>
+                        :<></>}
+                    </View>
+                    <View transparent style={{ flexGrow:1, marginTop:1 }}>
+                        <FlatList
+                            data={unique_bracket_ids}
+                            renderItem={renderBrackets}
+                            keyExtractor={(item) => item.toString()}
+                        />
+                    </View>
+                    <View type='footer' style={{ flexDirection:'row', padding:10 }}>
+                        <Button
+                            type='close'
+                            title='CLOSE'
+                            style={{ flex:1 }}
+                            onPress={() => onClose()}
+                        />
+                    </View>
                 </View>
-                {bracket_id && onCreateNew ?
-                <Button 
-                    type='success' 
-                    disabled={action_loading}
-                    loading={action_loading}
-                    style={{ flexDirection:'row', alignItems:'center', padding:10, opacity: action_loading?0.5:1 }} 
-                    onPress={() => handleCreateNew()}
-                    >
-                    <Text size={14} color={Colors.text.white}>NEW</Text>
-                </Button>
-                :<></>}
-            </View> 
-            <View transparent style={{ flexGrow:1, marginTop:1 }}>
-                <FlatList
-                    data={unique_bracket_ids}
-                    renderItem={renderBrackets}
-                    keyExtractor={(item) => item.toString()}
-                />
-            </View>
-            <View type='footer' style={{ flexDirection:'row', padding:10 }}>
-                <Button
-                    type='close'
-                    title='CLOSE'
-                    style={{ flex:1 }}
-                    onPress={() => onClose()}
-                />
             </View>
-        </View>
+        </Modal>
     )
 }