be-components 4.4.2 → 4.4.5

package/src/Bracket/components/BracketCompetitionActions.tsx

@@ -76,14 +76,20 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, i
     const getData = async(id:string, comp_id?:string) => {
         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 }
-        setActionData({
-            ...action_data,
-            bracket_competitions: bcs,
-            active_competition_id: active_comp,
-            loading:false
-        })
+        let active_comp = bcs.find(bc => bc.bracket_competition_id == comp_id);
+        if(!active_comp){
+            active_comp = bcs[0]
+        }
+        if(!active_competition_id && active_comp){ onFoundCompetition(active_comp) }  
+        else {
+            setActionData({
+                ...action_data,
+                bracket_competitions: bcs,
+                active_competition_id: active_comp?.bracket_competition_id,
+                loading:false
+            });
+        }
+
     }
 
     const handleSearch = async(code:string) => {
@@ -294,7 +300,7 @@ const BracketCompetitionActions = ({ competition_id, hide_image, image_height, i
     }
 
     return (
-        <View transparent style={{ flex:1 }}>
+        <View transparent style={{ flexGrow:1 }}>
             <FlatList
                 key={`comp_actions_list`}
                 keyExtractor={(item) => item}

package/src/Bracket/components/CompetitionLeaderboard.tsx

@@ -114,7 +114,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, onEnterCompetition, ca
     }
 
     return (
-        <View transparent style={{ flex:1 }}>
+        <View transparent style={{ flexGrow:1 }}>
             
             <View type='header' style={{ padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
                 <View transparent style={{ marginBottom:5 }}>
@@ -135,7 +135,7 @@ const CompetitionLeaderboard = ({ bracket_competition_id, onEnterCompetition, ca
             :<></>}
 
             </View>
-            <View style={{ flex:1, padding:10, borderRadius:8 }}>
+            <View style={{ flexGrow:1, padding:10, borderRadius:8 }}>
                 <View style={{ marginBottom:5 }}>
                     <Text size={14} theme='h2'>RESULTS</Text>
                 </View>

package/src/Bracket/components/EditPlayerBracket.tsx

@@ -6,9 +6,10 @@ import { BracketComeptitionApi } from '../api';
 type EditPlayerBracketProps = {
     player_bracket?:PlayerBracketProps,
     onUpdatePlayerBracket:(pb:PlayerBracketProps) => void,
+    onFocusPosition?:(data:{ x:number, y:number, height:number, width:number }) => void,
     onClose:() => void
 }
-const EditPlayerBracket = ({ player_bracket, onUpdatePlayerBracket, onClose }:EditPlayerBracketProps) => {
+const EditPlayerBracket = ({ player_bracket, onUpdatePlayerBracket, onFocusPosition, onClose }:EditPlayerBracketProps) => {
     const [ draft_pb, setDraftPb ] = useState(player_bracket);
     const [ action_loading, setActionLoading ] = useState(false);
 
@@ -54,6 +55,7 @@ const EditPlayerBracket = ({ player_bracket, onUpdatePlayerBracket, onClose }:Ed
                     <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>

package/src/Bracket/components/PlayerBrackets.tsx

@@ -109,7 +109,7 @@ const PlayerBracketSelector = ({ brackets, bracket_id, leagues, teams, athletes,
 
 
     return (
-        <View transparent style={{ flex:1 }}>
+        <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>
@@ -126,7 +126,7 @@ const PlayerBracketSelector = ({ brackets, bracket_id, leagues, teams, athletes,
                 </Button>
                 :<></>}
             </View> 
-            <View transparent style={{ marginTop:1 }}>
+            <View transparent style={{ flexGrow:1, marginTop:1 }}>
                 <FlatList
                     data={unique_bracket_ids}
                     renderItem={renderBrackets}

package/src/Bracket/index.tsx

@@ -317,7 +317,22 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, bracket_
                                 onPress={() => console.log('')}
                             />
                         </View>
-                        :<></>}
+                        :
+                        <View transparent style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
+                            <Icons.BracketIcon size={20} color={Colors.text.white} />
+                            <View transparent style={{ flex:1, marginLeft:10 }}>
+                                <Text theme='h2' color={Colors.text.white}>Available Competitions</Text>
+                                <Text style={{ marginTop:3 }} theme='description' color={Colors.text.white}>Press here to see eligible competitions to join!</Text>
+                            </View>
+                            <Button
+                                float
+                                disabled={true}
+                                type='action'
+                                title='VIEW'
+                                onPress={() => console.log('')}
+                            />
+                        </View>
+                        }
                     </Button>
                     :<></>}
                 </View>
@@ -405,7 +420,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, bracket_
                                     }, 500);
                                 }}
                             >
-                                <Icons.ShareIcon size={14} color={Colors.text.action} />
+                                <Icons.ShareIcon size={14} color={Colors.text.white} />
                             </Button>
                         </View>
                         :<></>}
@@ -519,6 +534,7 @@ const BracketRoom = ({ player_id, width, view_mode, bracket_id, insets, bracket_
                         <EditPlayerBracket
                             player_bracket={editing_player_bracket}
                             onClose={() => setEditingPlayerBracket(undefined)}
+                            onFocusPosition={onFocusPosition}
                             onUpdatePlayerBracket={(new_pb) => {
                                 setNavData({ ...nav_data, active_player_bracket_id: undefined });