npm - be-components - Versions diffs - 4.5.0 → 4.5.2 - Mend

be-components 4.5.0 → 4.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/src/Bracket/index.tsx CHANGED Viewed

@@ -20,6 +20,7 @@ type BracketRoomProps = {
     width:number,
     player_balance?:PlayerBalanceProps,
     bracket_competition_id?:string,
+    onManageCompetition:(bracket_competition_id:string) => void,
     onFocusPosition?:(data:{ x:number, y:number, height:number, width:number }) => void,
     onShareCompetition:(bracket_competition:BracketCompetitionProps) => void,
     onRequestAuthenticate: (auth_strategy_id?:string) => void,
@@ -30,7 +31,7 @@ type BracketRoomProps = {
 const sections = ['header', 'home', 'bracket_selector', 'bracket']
 const MAX_WIDTH = 1200
-const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreateNewCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }:BracketRoomProps) => {
+const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreateNewCompetition, onManageCompetition, bracket_competition_id, player_balance, onRequestAuthenticate, onFocusPosition, onShareCompetition }:BracketRoomProps) => {
     const Colors = useColors();
     const [ loading, setLoading ] = useState<string|undefined>(undefined);
     const [ show_competition_actions, setShowCompetitionActions ] = useState(false);
@@ -147,7 +148,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
                 ...room_data,
                 room_loaded: true,
                 active_brackets: pub_brackets,
-                public_competitions: pub_competitions
+                public_competitions: pub_competitions.filter(pc => pc.status == 'scheduled')
             });
             if(mode == 'small'){ return setShowCompetitionActions(true) }
             return
@@ -166,7 +167,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
             ...room_data,
             room_loaded: true,
             active_brackets: pub_brackets,
-            public_competitions: pub_competitions
+            public_competitions: pub_competitions.filter(pc => pc.status == 'scheduled')
         });
     }
@@ -345,6 +346,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
                     <BracketCompetitionActions
                         view_mode={view_mode}
                         player={player}
+                        onManage={onManageCompetition}
                         insets={insets}
                         onCreateNewCompetition={onCreateNewCompetition}
                         onRequestAuthenticate={() => onRequestAuthenticate(active_competition?.auth_strategy_id)}
@@ -401,7 +403,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
                 animationType={'slide'}
             >
                 <View type='blur' style={{ flex:1, justifyContent:'flex-end', padding:10, paddingBottom:(insets?.bottom ?? 0)+10 }}>
-                    <View float style={{ maxHeight:650 }}>
+                    <View float style={{ maxHeight:700 }}>
                         {active_competition ?
                         <View transparent style={{ backgroundColor:Colors.text.action, flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
                             <Image
@@ -429,64 +431,67 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
                             </Button>
                         </View>
                         :<></>}
-                        {active_bracket_id ?
-                        <BracketCompetitionActions
-                            view_mode={view_mode}
-                            onRequestAuthenticate={() => onRequestAuthenticate(active_competition?.auth_strategy_id)}
-                            player={player}
-                            hide_image
-                            onCreateNewCompetition={(bracket_id) => {
-                                if(!onCreateNewCompetition){ return }
-                                setShowCompetitionActions(false);
-                                setTimeout(() => {
-                                    onCreateNewCompetition(bracket_id);
-                                }, 500);
-                            }}
-                            insets={insets}
-                            onFoundCompetition={(bc) => {
-                                setRoomData({
-                                    ...room_data,
-                                    public_competitions: public_competitions.filter(pc => pc.bracket_competition_id != bc.bracket_competition_id).concat(bc)
-                                });
-                                setNavData({
-                                    ...nav_data,
-                                    active_competition_id: bc.bracket_competition_id,
-                                    active_bracket_id: bc.bracket_id,
-                                    active_player_bracket_id: active_player_bracket?.bracket_id == bc.bracket_id ? active_player_bracket_id : player_brackets.find(pb => pb.status != 'deleted' && pb.bracket_id == bc.bracket_id)?.player_bracket_id
-                                })
-                            }}
-                            onSelectCompetition={(bc) => {
-                                setNavData({
-                                    ...nav_data,
-                                    active_competition_id: bc.bracket_competition_id
-                                })
-                            }}
-                            onFocusPosition={onFocusPosition}
-                            player_brackets={player_brackets}
-                            onEnterCompetition={(new_bc, new_cpb, new_pb) => {
-                                setMyData({
+                        <View style={{ flex:1 }}>
+                            {active_bracket_id ?
+                            <BracketCompetitionActions
+                                view_mode={view_mode}
+                                onRequestAuthenticate={() => onRequestAuthenticate(active_competition?.auth_strategy_id)}
+                                player={player}
+                                hide_image
+                                onManage={onManageCompetition}
+                                onCreateNewCompetition={(bracket_id) => {
+                                    if(!onCreateNewCompetition){ return }
+                                    setShowCompetitionActions(false);
+                                    setTimeout(() => {
+                                        onCreateNewCompetition(bracket_id);
+                                    }, 500);
+                                }}
+                                insets={insets}
+                                onFoundCompetition={(bc) => {
+                                    setRoomData({
+                                        ...room_data,
+                                        public_competitions: public_competitions.filter(pc => pc.bracket_competition_id != bc.bracket_competition_id).concat(bc)
+                                    });
+                                    setNavData({
+                                        ...nav_data,
+                                        active_competition_id: bc.bracket_competition_id,
+                                        active_bracket_id: bc.bracket_id,
+                                        active_player_bracket_id: active_player_bracket?.bracket_id == bc.bracket_id ? active_player_bracket_id : player_brackets.find(pb => pb.status != 'deleted' && pb.bracket_id == bc.bracket_id)?.player_bracket_id
+                                    })
+                                }}
+                                onSelectCompetition={(bc) => {
+                                    setNavData({
+                                        ...nav_data,
+                                        active_competition_id: bc.bracket_competition_id
+                                    })
+                                }}
+                                onFocusPosition={onFocusPosition}
+                                player_brackets={player_brackets}
+                                onEnterCompetition={(new_bc, new_cpb, new_pb) => {
+                                    setMyData({
+                                        ...my_data,
+                                        bracket_competitions: bracket_competitions.filter(bc => bc.bracket_competition_id != new_bc.bracket_competition_id).concat(new_bc),
+                                        competition_player_brackets: competition_player_brackets.filter(cpb => cpb.competition_player_bracket_id != new_cpb.competition_player_bracket_id).concat(new_cpb),
+                                        player_brackets: !new_pb ? player_brackets : player_brackets.filter(pb => pb.player_bracket_id != new_pb.player_bracket_id).concat(new_pb)
+                                    });
+                                    if(new_pb){
+                                        setNavData({ ...nav_data, active_player_bracket_id: new_pb.player_bracket_id })
+                                    }
+                                }}
+                                competition_id={active_competition_id}
+                                onLeaveCompetition={(new_bc, new_cpb) => setMyData({
                                     ...my_data,
                                     bracket_competitions: bracket_competitions.filter(bc => bc.bracket_competition_id != new_bc.bracket_competition_id).concat(new_bc),
-                                    competition_player_brackets: competition_player_brackets.filter(cpb => cpb.competition_player_bracket_id != new_cpb.competition_player_bracket_id).concat(new_cpb),
-                                    player_brackets: !new_pb ? player_brackets : player_brackets.filter(pb => pb.player_bracket_id != new_pb.player_bracket_id).concat(new_pb)
-                                });
-                                if(new_pb){
-                                    setNavData({ ...nav_data, active_player_bracket_id: new_pb.player_bracket_id })
-                                }
-                            }}
-                            competition_id={active_competition_id}
-                            onLeaveCompetition={(new_bc, new_cpb) => setMyData({
-                                ...my_data,
-                                bracket_competitions: bracket_competitions.filter(bc => bc.bracket_competition_id != new_bc.bracket_competition_id).concat(new_bc),
-                                competition_player_brackets: competition_player_brackets.filter(cpb => cpb.competition_player_bracket_id != new_cpb.competition_player_bracket_id).concat(new_cpb)
-                            })}
-                            competition_result_types={competition_result_types}
-                            bracket_id={active_bracket_id}
-                            player_balance={local_balance}
-                            player_bracket={active_player_bracket}
-                            competition_player_brackets={competition_player_brackets}
-                        />
-                        :<></>}
+                                    competition_player_brackets: competition_player_brackets.filter(cpb => cpb.competition_player_bracket_id != new_cpb.competition_player_bracket_id).concat(new_cpb)
+                                })}
+                                competition_result_types={competition_result_types}
+                                bracket_id={active_bracket_id}
+                                player_balance={local_balance}
+                                player_bracket={active_player_bracket}
+                                competition_player_brackets={competition_player_brackets}
+                            />
+                            :<></>}
+                        </View>
                         <View type='footer' style={{ flexDirection:'row', padding:10 }}>
                             <Button
                                 style={{ flex:1 }}
@@ -565,7 +570,6 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, onCreate
                     </View>
                 </View>
             </Modal>
             {loading ?
             <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
                 <View float style={{ width:300, height:300 }}>