be-components 1.4.9 → 1.5.1

package/src/Competition/components/ManageSeasonForm.tsx

@@ -1,271 +0,0 @@
-import { FlatList, Image, ScrollView, TextInput, TouchableOpacity, View } from "react-native"
-import React, { useEffect, useState } from "react"
-import type { CompetitionSeasonProps } from "../../types"
-import { CompetitionHelpers, CompetitionSeasonApi } from "../api"
-import { Button, Switch, Text } from "../../Components"
-import Colors from "../../constants/colors"
-import ImageUploader from "../../Components/ImageUploader"
-
-
-type ManageSeasonFormProps = {
-    competition_season?:CompetitionSeasonProps
-    width: number,
-    onComplete: (status:'done'|'cancel') => void
-}
-
-const ManageSeasonForm = ({ competition_season, width, onComplete }:ManageSeasonFormProps) => {
-    const [ loading, setLoading ] = useState(false);
-    const [ show_templates, setShowTemplates ] = useState(true);
-    const [ season_templates, setSeasonTemplates ] = useState<CompetitionSeasonProps[]>([]);
-    const [ draft_season, setDraftSeason ] = useState(CompetitionHelpers.getEmptyCompetitionSeason())
-    const [ payout_allocation_label, setPayoutAllocationLabel ] = useState('0')
-
-    useEffect(() => {
-        loadTemplates()
-        if(!competition_season){ return }
-        setDraftSeason(competition_season);
-        setShowTemplates(false);
-    },[competition_season])
-
-    const loadTemplates = async() => {
-        let templates = await CompetitionSeasonApi.getCompetitionSeasonTemplates()
-        setSeasonTemplates(templates)
-    }
-
-    const handleSelectTemplate = (s:CompetitionSeasonProps) => {
-        setDraftSeason({ ...s, competition_season_id: '', season_name:'', season_description:'', following_season_id: s.competition_season_id })
-        setPayoutAllocationLabel((s.payout_allocation*100).toFixed())
-    }
-
-    const handleChangeAllocation = (text:string) => {
-        let non_str_num = parseFloat(text)
-        if(isNaN(non_str_num)){ return }
-        if(text == ''){ 
-            setPayoutAllocationLabel('')
-            return setDraftSeason({ ...draft_season, payout_allocation: 0 })
-         }
-        let allocation = parseFloat(text)
-        setPayoutAllocationLabel(text)
-        setDraftSeason({ ...draft_season, payout_allocation: allocation / 100 })
-    }
-
-    const handleSubmit = async() => {
-        if(!CompetitionHelpers.isSeasonValid(draft_season)){ return alert('Please complete all required firlst') }
-        setLoading(true);
-        await CompetitionSeasonApi.createCompetitionSeason(draft_season)
-        setLoading(false);
-        onComplete('done')
-    }
-
-    const renderTemplates = (data: { item:CompetitionSeasonProps, index:number }) => {
-        const selected = draft_season.following_season_id == data.item.competition_season_id ? true : false
-        return (
-            <TouchableOpacity 
-                onPress={() => handleSelectTemplate(data.item)}
-                style={{ flexDirection:'row', borderRadius:8, backgroundColor:selected?Colors.brand.electric:'transparent', alignItems:'center', margin:3, padding:5, borderBottomWidth:1, borderBottomColor:Colors.shades.shade600 }}>
-                <View>
-                    <Image
-                        source={{uri: data.item.image?.url}}
-                        style={{ height:50, width:75 }}
-                        resizeMode="cover"
-                    />
-                </View>
-                <View style={{ flex:1, marginLeft:5 }}>
-                    <Text size={12} color={selected?Colors.shades.white:Colors.brand.midnight} weight='bold'>{data.item.season_name}</Text>
-                    <Text size={12} color={selected?Colors.shades.white:Colors.brand.midnight} weight='regular'>{data.item.season_description}</Text>
-                </View>
-
-            </TouchableOpacity>
-        )
-    }
-
-    let valid = CompetitionHelpers.isSeasonValid(draft_season)
-
-    return (
-        <View style={{ flex:1, backgroundColor:Colors.shades.white, padding:10 }}>
-            <View nativeID="form_header" style={{ padding:10 }}>
-                <Text size={14} color={Colors.brand.midnight} weight='bold' textAlign='center'>{competition_season ? draft_season.season_name : 'Create New Season'}</Text>
-            </View>
-            <ScrollView style={{ flex:1 }}>
-            <View nativeID="season_template">
-                <View nativeID="competition_details">
-                    <View nativeID="details_header" style={{ padding:10, paddingBottom:0 }}>
-                        <Text size={16} color={Colors.brand.midnight} weight='bold'>Season Template</Text>
-                        <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>Select a template for this season or do it on your own</Text>
-                    </View>
-                </View>
-                <View nativeID="template_options" style={{ margin:10, padding:10, borderRadius:4, backgroundColor:Colors.shades.shade100 }}>
-                    <View nativeID="template" style={{ flexDirection:'row', alignItems:'flex-start' }}>
-                        <View nativeID="description" style={{ flex:1, marginRight:5 }}>
-                            <Text size={14} color={Colors.brand.midnight} weight='bold'>Use a Template</Text>
-                            {show_templates ?
-                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>All competitions will be auto-created with appropriate events and participants will be notified.</Text>
-                            :
-                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>You (the admin) will be responsible for creating each competition under this season.</Text>
-                            }
-                        </View>
-                        
-                        <Switch value={show_templates} switch_type='on_off' onChange={(value) => {
-                            if(!value){
-                                //Need to reset init season
-                                setDraftSeason(CompetitionHelpers.getEmptyCompetitionSeason())
-                            }
-                            setShowTemplates(!show_templates)}
-                        }/>
-                    </View>
-                    {show_templates ?
-                    <View style={{ marginTop:10 }}>
-                        <Text size={14} color={Colors.brand.midnight} weight='bold'>Template Options</Text>
-                        <View nativeID="template_options" style={{ marginTop:5, backgroundColor:Colors.shades.white, borderRadius:4, padding:10 }}>
-                            <FlatList
-                                data={season_templates}
-                                renderItem={renderTemplates}
-                                keyExtractor={(item) => item.competition_season_id.toString()}
-                            />
-                        </View>
-                    </View>
-                    :<></>}
-                </View>
-            </View>
-            {!show_templates || (show_templates && draft_season.following_season_id) ?
-            <View nativeID="form_options">
-                <View nativeID="competition_details">
-                    <View nativeID="details_header" style={{ padding:10, paddingBottom:0 }}>
-                        <Text size={16} color={Colors.brand.midnight} weight='bold'>Season Details</Text>
-                        <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>Name and describe this season</Text>
-                    </View>
-                    <View nativeID="details_input" style={{ margin:10, padding:10, borderRadius:4, backgroundColor:Colors.shades.shade100 }}>
-                        <View nativeID="season_name">
-                            <Text style={{ padding:10 }} size={14} color={Colors.brand.slate} weight='regular'>Name</Text>
-                            <TextInput
-                                style={{ borderRadius:4, backgroundColor:Colors.shades.white, padding:10, fontFamily:'barlow-regular', fontSize:14, color:Colors.brand.midnight }}
-                                placeholder="Season Name..."
-                                placeholderTextColor={Colors.brand.slate}
-                                value={draft_season.season_name}
-                                onChangeText={(text) => setDraftSeason({ ...draft_season, season_name: text })}
-                            />
-                        </View>
-                        <View nativeID="season_description">
-                            <Text style={{ padding:10 }} size={14} color={Colors.brand.slate} weight='regular'>Description</Text>
-                            <TextInput
-                                style={{ borderRadius:4, backgroundColor:Colors.shades.white, padding:10, fontFamily:'barlow-regular', fontSize:14, color:Colors.brand.midnight }}
-                                placeholder="Optional..."
-                                placeholderTextColor={Colors.brand.slate}
-                                value={draft_season.season_description}
-                                onChangeText={(text) => setDraftSeason({ ...draft_season, season_description: text })}
-                            />
-                        </View>
-                    </View>
-                </View>
-                <View nativeID="competition_image">
-                    <View nativeID="image_header" style={{ flexDirection:'row', alignItems:'center', padding:10, paddingBottom:0 }}>
-                        <View style={{ flex:1 }}>
-                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Season Image</Text>
-                            <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>Give an image to the season (2w X 1h)</Text>
-                        </View>
-                        <ImageUploader
-                            public_id={`${Math.floor(Math.random() * (1000000 - 0 + 1) + 1)}_season_image`}
-                            onFinishUpload={(obj) => setDraftSeason({ ...draft_season, image: { url: obj.secure_url, ...obj } })}
-                        >
-                            <Text size={14} color={Colors.brand.electric}>Edit Image</Text>
-                        </ImageUploader>
-                    </View>
-                    <View nativeID="season_image" style={{ justifyContent:'center', alignItems:'center', margin:5 }}>
-                        <Image
-                            source={{ uri: draft_season?.image?.url }}
-                            style={{ width:width*0.75, height: width*0.75/2 }}
-                            resizeMode="cover"
-                        />
-                    </View>
-                </View>
-                <View nativeID="season_options">
-                    <View nativeID="options_header" style={{ flexDirection:'row', alignItems:'center', padding:10, paddingBottom:0 }}>
-                        <View style={{ flex:1 }}>
-                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Season Configurations</Text>
-                            <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>Determines how the competition will operate and payout</Text>
-                        </View>
-                    </View>
-                    <View nativeID="options_input" style={{ margin:10, padding:10, borderRadius:4, backgroundColor:Colors.shades.shade100 }}>
-                        <View nativeID="single_buy_in" style={{ flexDirection:'row', alignItems:'flex-start' }}>
-                            <View nativeID="description" style={{ flex:1, marginRight:5 }}>
-                                <Text size={14} color={Colors.brand.midnight} weight='bold'>One Buy In</Text>
-                                {draft_season.single_buy_in ?
-                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>Once a player has purchased a ticket, they will be automatically entered into any competition created under this season.</Text>
-                                :
-                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>Players will be required to buy-in to each competition created under this season.</Text>
-                                }
-                            </View>
-                            <Switch value={draft_season.single_buy_in} switch_type='on_off' onChange={() => setDraftSeason({ ...draft_season, single_buy_in: !draft_season.single_buy_in })}/>
-                        </View>
-                        <View nativeID="single_buy_in" style={{ flexDirection:'row', alignItems:'flex-start', marginTop:15 }}>
-                            <View nativeID="description" style={{ flex:1, marginRight:5 }}>
-                                <Text size={14} color={Colors.brand.midnight} weight='bold'>Allow Late Buy In</Text>
-                                {draft_season.allow_late_buy_in ?
-                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>A player can enter this season at any time (even if the first competition has completed)</Text>
-                                :
-                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>A player must enter the first competition under the season to participate.</Text>
-                                }
-                            </View>
-                            <Switch value={draft_season.allow_late_buy_in} switch_type='on_off' onChange={() => setDraftSeason({ ...draft_season, allow_late_buy_in: !draft_season.allow_late_buy_in })}/>
-                        </View>
-                    </View>
-                </View>
-                <View nativeID="season_payout_details">
-                    <View nativeID="payout_header" style={{ flexDirection:'row', alignItems:'center', padding:10, paddingBottom:0 }}>
-                        <View style={{ flex:1 }}>
-                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Season Payout</Text>
-                            <Text style={{ marginTop:3 }} size={14} color={Colors.brand.midnight} weight='regular'>How would you like the funds in the season to payout?</Text>
-                        </View>
-                    </View>
-                    <View nativeID="payout_input" style={{ margin:10, padding:10, borderRadius:4, backgroundColor:Colors.shades.shade100 }}>
-                        <View nativeID="payout_allocation" style={{ flexDirection:'row', alignItems:'flex-start' }}>
-                            <View nativeID="description" style={{ flex:1, marginRight:5 }}>
-                                <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>How much of the total pot will be paid out to the season vs each competition</Text>                                
-                            </View>
-                            <TextInput
-                                value={payout_allocation_label}
-                                onChangeText={(text) => handleChangeAllocation(text)}
-                                style={{ padding:10, borderRadius:4, width: width * 0.2, backgroundColor:Colors.shades.white, textAlign:'center', color:Colors.brand.midnight, fontFamily:'barlow-bold' }}
-
-                            />
-                        </View>
-                        <View style={{ flexDirection:'row', marginTop:10 }}>
-                            <View style={{ flex:1, padding:10, backgroundColor:Colors.shades.shade600, borderRadius:4, marginRight:5 }}>
-                                <Text size={12} color={Colors.brand.midnight} textAlign="center">Each Competition</Text>
-                                <Text style={{ marginTop:5 }} size={14} color={Colors.brand.midnight} weight='bold' textAlign="center">{((1 - draft_season.payout_allocation) * 100).toFixed()}%</Text>
-                            </View>
-                            <View style={{ flex:1, padding:10, backgroundColor:Colors.shades.shade600, borderRadius:4, marginLeft:5 }}>
-                                <Text size={12} color={Colors.brand.midnight} textAlign="center">Season</Text>
-                                <Text style={{ marginTop:5 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="center">{((draft_season.payout_allocation) * 100).toFixed()}%</Text>
-                            </View>
-                        </View>
-                    </View>
-                </View>
-            </View>
-            :<></>}
-            </ScrollView>
-            <View nativeID="action_row" style={{ flexDirection:'row', padding:10 }}>
-                <Button
-                    style={{ flex:1, marginRight:3 }}
-                    title="Cancel"
-                    onPress={() => onComplete('cancel')}
-                    title_color={Colors.brand.electric}
-                    borderWidth={1}
-                    padding={15}
-                    borderColor={Colors.brand.electric}
-                />
-                <Button
-                    disabled={!valid || loading}
-                    style={{ flex:2, marginLeft:3, opacity:valid&&!loading?1:0.5 }}
-                    title={draft_season.competition_season_id ? 'Edit Season' : 'Create Season'}
-                    onPress={() => handleSubmit()}
-                    title_color={Colors.shades.white}
-                    padding={15}
-                    backgroundColor={Colors.utility.success}
-                />
-            </View>
-        </View>
-    )
-}
-
-export default ManageSeasonForm

package/src/Competition/components/SeasonInfoModal.tsx

@@ -1,212 +0,0 @@
-import React, { useEffect, useState } from "react"
-import { FlatList, Image, ScrollView, TouchableOpacity, View, ActivityIndicator } from "react-native"
-import CompetitionCard from "./CompetitionCard"
-import type { CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, PublicPlayerProps } from "../../types"
-import { CompetitionApi, CompetitionSeasonApi } from "../api"
-import { Button, Text } from "../../Components"
-import Colors from "../../constants/colors"
-import moment from "moment-mini"
-
-type SeasonInfoModalProps = {
-    competition_season:CompetitionSeasonProps,
-    competition_types:CompetitionTypeProps[],
-    competition_result_types:CompetitionResultTypeProps[],
-    width:number,
-    height:number,
-    onSelectCompetition: (competition:CompetitionProps) => void,
-    onClose:() => void
-}
-
-const SeasonInfoModal = ({ competition_season, competition_types, competition_result_types, width, height, onClose, onSelectCompetition }:SeasonInfoModalProps) => {
-    const [ loading, setLoading ] = useState(false);
-    const [ active_view, setActiveView ] = useState('info');
-    const [ leaderboard, setLeaderboard ] = useState<{
-        players: PublicPlayerProps[],
-        leaders: any[]
-    }>({
-        players: [],
-        leaders: []
-    });
-    const [ competitions, setCompetitions ] = useState<CompetitionProps[]>([])
-
-    const { leaders, players } = leaderboard;
-
-    useEffect(() => {
-        if(!competition_season){ return }
-        getSeasonCompetitions(competition_season.competition_season_id)
-    },[competition_season])
-
-    useEffect(() => {
-        switch(active_view){
-            case 'competitions':
-                getSeasonCompetitions(competition_season.competition_season_id)
-                return
-            case 'leaderboard':
-                getSeasonLeaderboard(competition_season.competition_season_id);
-                return
-            default: return
-        }
-    },[active_view])
-
-    const getSeasonCompetitions = async(competition_season_id:string) => {
-        setLoading(true);
-        try {
-            let season_competitions = await CompetitionApi.getCompetitionsBySeasonId(competition_season_id)
-            setCompetitions(season_competitions)
-        } catch (e) {
-            console.log(e)
-        }
-        setLoading(false)
-    }
-
-    const getSeasonLeaderboard = async(competition_season_id:string) => {
-        setLoading(true);
-        try {
-            let season_leaderboard = await CompetitionSeasonApi.getLeaderboardBySeasonId(competition_season_id)
-            const player_ids:string[] = season_leaderboard.map((sl:any) => sl.player_id)
-            const leader_players = await CompetitionApi.getPlayersByPlayerIds(player_ids);
-            setLeaderboard({
-                leaders: season_leaderboard,
-                players: leader_players
-            })
-        } catch (e) {
-            console.log(e)
-        }
-        setLoading(false)
-    }
-
-    const renderCompetitions = (data: { item:CompetitionProps, index:number }) => {
-        const competition_type = competition_types.find(ct => ct.competition_type_id == data.item.competition_type_id);
-        const competition_result_type = competition_result_types.find(ct => ct.competition_result_type_id == data.item.competition_result_type_id);
-        if(!competition_type || !competition_result_type){ return <></> }
-        return (
-            <View style={{ margin:5 }}>
-                <CompetitionCard
-                    competition={data.item}
-                    competition_result_type={competition_result_type}
-                    competition_type={competition_type}
-                    onSelect={() => onSelectCompetition(data.item)}
-                />
-            </View>
-        )
-    }
-
-    const renderLeaders = (data: { item:any, index:number }) => {
-        const player = players.find(p => p.player_id == data.item.player_id)
-        if(!player){ return <></> }
-        return (
-            <View 
-                style={{ flexDirection:'row', margin:5, alignItems:'center', borderRadius:22, backgroundColor:Colors.shades.white, padding:8, paddingLeft:15, paddingRight:15}}>
-                <View nativeID="place" style={{ padding:5 }}>
-                    <Text size={12} color={Colors.brand.midnight} weight="bold">{data.item.place}</Text>
-                </View>
-                <View nativeID="image" style={{ paddingLeft:10, paddingRight:10 }}>
-                    <Image
-                        source={{ uri: player.profile_pic }}
-                        style={{ height:30, width:30, borderRadius:100 }}
-                        resizeMode="cover"
-                    />
-                </View>
-                <View nativeID="details" style={{ flex:1 }}>
-                    <Text size={12} color={Colors.brand.midnight} weight='semibold'>{player.username}</Text>
-                    
-                    <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight} weight='regular'>{data.item.wins} - {data.item.losses} - {data.item.draws} ({data.item.earnings.toFixed(2)} Earnings)</Text>
-                </View>
-                <View nativeID="winnings">
-                    <Text size={12} color={Colors.brand.slate} weight='regular'>Hey</Text>
-                </View>
-            </View>
-        )
-    }
-
-    if(!competition_season){ return }
-    const cl = competition_season.market_type == 'FOR_MONEY' ? '$' : 'E'
-    return (
-        <View style={{ height, width, backgroundColor:Colors.shades.white }}>
-            <ScrollView style={{ flex:1 }}>
-                {loading ?
-                <ActivityIndicator style={{ padding:20, alignSelf:'center' }} color={Colors.brand.midnight} size='large' />
-                :<></>}
-                <View nativeID="season_header" style={{ justifyContent:'center', alignItems:'center' }}>
-                    <Image
-                        source={{ uri: competition_season.image?.url }}
-                        style={{ width: width*0.75, height: (width*0.75) / 2 }}
-                        resizeMode='cover'
-                    />
-                    <View style={{ margin:10 }}>
-                        <Text size={14} color={Colors.brand.midnight} weight='bold' textAlign="center">{competition_season.season_name}</Text>
-                        <Text style={{ marginTop:5 }} size={14} color={Colors.brand.midnight} weight='regular' textAlign="center">{competition_season.season_description}</Text>
-                    </View>
-                </View>
-                <View style={{ margin:10, flexDirection:'row', padding:2, backgroundColor:Colors.shades.shade100, borderRadius:22 }}>
-                    <TouchableOpacity 
-                        onPress={() => setActiveView('leaderboard')}
-                        style={{ flex:1, padding:10, borderRadius:22, backgroundColor:active_view=='leaderboard'?Colors.shades.white:undefined }}>
-                        <Text size={14} color={Colors.brand.midnight} weight={active_view=='leaderboard'?'bold':'regular'} textAlign="center">Leaderboard</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity 
-                        onPress={() => setActiveView('info')}
-                        style={{ flex:1, padding:10, borderRadius:22, backgroundColor:active_view=='info'?Colors.shades.white:undefined }}>
-                        <Text size={14} color={Colors.brand.midnight} weight={active_view=='info'?'bold':'regular'} textAlign="center">Info</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity 
-                        onPress={() => setActiveView('competitions')}
-                        style={{ flex:1, padding:10, borderRadius:22, backgroundColor:active_view=='competitions'?Colors.shades.white:undefined }}>
-                        <Text size={14} color={Colors.brand.midnight} weight={active_view=='competitions'?'bold':'regular'} textAlign="center">Competitions</Text>
-                    </TouchableOpacity>
-                </View>
-                {active_view == 'info'?
-                <View nativeID="season_info" style={{ padding:20 }}>
-                    <View style={{ flexDirection:'row' }}>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='regular'>Season Type</Text>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="right">{competition_season.single_buy_in?'One Time Entry':'Each Competition Entry'}</Text>
-                    </View>
-                    <View style={{ flexDirection:'row', marginTop:10 }}>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='regular'>Late Entry</Text>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="right">{competition_season.allow_late_buy_in?'Allowed':'Not Allowed'}</Text>
-                    </View>
-                    <View style={{ flexDirection:'row', marginTop:10 }}>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='regular'>Season Allocation</Text>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="right">{(competition_season.payout_allocation*100).toFixed(2)}%</Text>
-                    </View>
-                    <View style={{ flexDirection:'row', marginTop:10 }}>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='regular'>Each Competition Allocation</Text>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="right">{((1-competition_season.payout_allocation)*100).toFixed(2)}%</Text>
-                    </View>
-                    <View style={{ flexDirection:'row', marginTop:10 }}>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='regular'>Current Season Pot</Text>
-                        <Text style={{ flex:1 }} size={12} color={Colors.brand.midnight} weight='bold' textAlign="right">{cl}{competition_season.payout_amt.toFixed(2)}</Text>
-                    </View>
-                </View>
-                :active_view == 'competitions' ?
-                <View nativeID="season_competitions" style={{ padding:10 }}>
-                    <FlatList
-                        data={competitions.sort((a,b) => moment(a.scheduled_datetime).unix() - moment(b.scheduled_datetime).unix())}
-                        renderItem={renderCompetitions}
-                        keyExtractor={(item) => item.competition_id.toString()}
-                    />
-                </View>
-                :active_view == 'leaderboard' ?
-                <View nativeID="season_leaderboard" style={{ padding:10, backgroundColor:Colors.shades.shade100 }}>
-                    <FlatList
-                        data={leaders.sort((a,b) => b.wins - a.wins)}
-                        renderItem={renderLeaders}
-                        keyExtractor={(item) => item.player_id.toString()}
-                    />
-                </View>
-                :<></>}    
-            </ScrollView>
-            <View nativeID="action_row" style={{ padding:10 }}>
-                <Button
-                    borderColor={Colors.brand.electric}
-                    title="Close"
-                    title_color={Colors.brand.electric}
-                    borderWidth={1}
-                    borderRadius={22}
-                    onPress={() => onClose()}
-                />
-            </View>
-        </View>
-    )
-}
-export default SeasonInfoModal