be-components 5.4.2 → 5.4.3

package/src/GolfScoreboard/index.tsx

@@ -0,0 +1,142 @@
+import React, { useEffect, useState } from 'react';
+import { Text, View } from "../Components/Themed"
+import type { AthleteProps, GolfCourseProps, GolfLeaderProps, LeagueProps, TournamentProps } from '../types';
+import { GolfApi, GolfHelpers } from './api';
+import { FlatList, Image } from 'react-native';
+import { useColors } from '../constants/useColors';
+import moment from 'moment-mini';
+import { AthleteImage } from '../Components/Jerseys';
+
+type GolfScoreboardProps = {
+    tournament_id:string
+}
+
+const scorecard_sections = ['course','leaderboard'];
+const GolfScoreboard = ({ tournament_id }:GolfScoreboardProps) => {
+    const Colors = useColors();
+
+    const [ scorecard_state, setScorecard ] = useState<{
+        loading:boolean,
+        tournament?:TournamentProps,
+        league?:LeagueProps,
+        athletes:AthleteProps[],
+        golf_leaders:GolfLeaderProps[],
+        golf_course?:GolfCourseProps
+    }>({
+        loading:false,
+        golf_leaders:[],
+        athletes:[]
+    });
+    const { loading, athletes, golf_leaders, golf_course, league } = scorecard_state;
+
+    useEffect(() => {
+        GolfApi.setEnvironment();
+        getData(tournament_id)
+    },[tournament_id]);
+
+    const getData = async(tournament_id:string) => {
+        setScorecard({ ...scorecard_state, loading:true });
+        const golf_data = await GolfApi.getScoreboard(tournament_id);
+        const tourney = await GolfApi.getTournamentById(tournament_id);
+        const lg = await GolfApi.getLeagueById(tourney?.league_id ?? '9');
+        if(!golf_data){ return alert('Unable to process') }
+        setScorecard({
+            ...scorecard_state,
+            tournament: tourney,
+            league: lg,
+            golf_course: golf_data.golf_course,
+            golf_leaders: golf_data.golf_leaders,
+            athletes:golf_data.athletes,
+            loading: false
+        })
+    }
+
+    const renderLeaders = (data:{ item:GolfLeaderProps, index:number }) => {
+        const athlete = athletes.find(a => a.athlete_id == data.item.athlete_id);
+        if(!athlete){ return <></> }
+        let current_round = data.item.leader_rounds.find(r => r.status == 'inprogress');
+        return (
+            <View style={{ borderBottomWidth:1, borderColor:Colors.borders.light }}>
+                <View transparent type='row' style={{ padding:5 }}>
+                    {data.item.place != 999 ?
+                    <View transparent style={{ padding:10 }}>
+                        <Text theme='h2'>{GolfHelpers.formatPlace(data.item.place)}</Text>
+                    </View>
+                    :<></>}
+                    <View float style={{ borderRadius:100, padding:2, marginLeft:5 }}>
+                        <AthleteImage
+                            athlete={athlete}
+                            league={league}
+                            size={24}
+                        />
+                    </View>
+                    <View transparent style={{ flex:1, marginLeft:5 }}>
+                        <Text theme='h2'>{athlete.first_name} {athlete.last_name}</Text>
+                        <Text theme='description' style={{ marginTop:3 }}>World Rank: {data.item.rank == 999 ? 'NA' : data.item.rank}</Text>
+                    </View>
+                    <View>
+                        <Text textAlign='right' theme='h2' color={data.item.score < 0 ? Colors.text.error : Colors.text.h1}>{data.item.score_label}</Text>
+                        {data.item.tee_time && current_round?.thru == 0 ?
+                        <Text textAlign='right' theme='description' style={{ marginTop:2 }}>{moment(data.item.tee_time).format('HH:mm a')}</Text>
+                        :<></>}
+                    </View>
+                    {current_round ?
+                    <View style={{ padding:5 }}>
+                        <Text>{current_round.thru > 0 ? current_round.thru : ''}</Text>
+                    </View>
+                    :<></>}
+                </View>
+            </View>
+        )
+    }
+
+    const renderSections = (data:{ item:string, index:number }) => {
+        switch(data.item){
+            case 'course':
+                if(!golf_course){ return <></> }
+                console.log('RENDERING HERE!!!')
+
+                return (
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10}}>
+                        {league ?
+                        <Image
+                            source={{ uri: league.league_image }}
+                            style={{ height:50, width:50 }}
+                            resizeMode='cover'
+                        />
+                        :<></>}
+                        <View transparent style={{ flex:1, marginLeft:10 }}>
+                            <Text theme='h1'>{golf_course.course_name}</Text>
+                            <Text theme='description' style={{ marginTop:3 }}>Par {golf_course.par} - {golf_course.yardage} yards</Text>
+                        </View>
+                    </View>
+                )
+            case 'leaderboard':
+                return (
+                    <FlatList
+                        data={golf_leaders.sort((a,b) => a.place - b.place)}
+                        keyExtractor={(item) => item.athlete_id.toString()}
+                        renderItem={renderLeaders}
+                        key='leader_list'
+                    />
+                )
+            default: return <></>
+        }
+    }
+    return (
+        <View style={{ flex:1 }}>
+            <View style={{ flex:1 }}>
+                <FlatList
+                    data={scorecard_sections}
+                    key={'golf_list'}
+                    refreshing={loading}
+                    onRefresh={() => getData(tournament_id)}
+                    keyExtractor={item => item}
+                    renderItem={renderSections}
+                />
+            </View>
+        </View>
+    )
+}
+
+export default GolfScoreboard

package/src/index.tsx

@@ -46,6 +46,7 @@ import LeaderboardCard from './Leaders/components/LeaderboardCard';
 import PlayerRecommender from './PlayerRecommender';
 import ContactsCard from './PlayerRecommender/components/ContactCard';
 import ContactsSelector from './PlayerRecommender/components/ContactsSelector';
+import GolfScoreboard from './GolfScoreboard';
 
 export {
   Authenticator,
@@ -57,6 +58,7 @@ export {
   LocationTracker,
   ContactsCard,
   PlayerRecommender,
+  GolfScoreboard,
   ContactsSelector,
   Campaign,
   ManageBracketCompetitionForm,

package/src/types.d.ts

@@ -27,6 +27,97 @@ export interface PublicPlayerProps {
 }
 
 
+export interface GolfLeaderProps {
+    tournament_id:string,
+    athlete_id:string,
+    place:number, //Active place.  If the tournament hasnt started, will default to 1
+    status: 'active'|'inactive', //Will be active if the player is still playing.  Inactive if CUT, WD or the tournament is not inprogress
+    cut?:boolean, //Cut indicator
+    wd?:boolean, //Withdraw indicator
+    tied:boolean,
+    money:number,
+    tee_time?:any,
+    rank:number,
+    strokes: number //Total number of strokes.  Defaults to 0 if tournament hasn't started
+    score: number //Score relative to par (i.e., -3 or +3),
+    score_label: string //If score is over par - this will add the + symbol to it
+    leader_rounds:LeaderRoundProps[] //This holds the score by round
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface GolfCourseProps {
+    tournament_id:string,
+    course_id:string,
+    course_name: string,
+    yardage:number,
+    par:number,
+    holes: GolfHoleProps[]
+}
+
+export interface GolfHoleProps {
+    course_id:string,
+    number:number,
+    par:number,
+    yardage:number,
+    name?:string
+}
+
+export interface LeaderRoundProps {
+    tournament_id:string,
+    athlete_id:string,
+    tee_time?:string,
+    score:number,
+    round_number: number,
+    thru:number //Holes they are thru on round
+    birdies: number,
+    eagles:number,
+    pars:number,
+    status:'closed'|'inprogress'
+    bogeys: number,
+    double_bogeys: number,
+    other_scores:number,
+    hole_in_ones:number
+    strokes: number
+}
+
+export interface GolfScorecardProps {
+    tournament_id:string,
+    athlete_id:string,
+    round_number: number,
+    hole_number: number,
+    strokes: number
+}
+
+export interface GolfTournamentStatisticsProps {
+    tournament_id:string,
+    round_statistics: GolfRoundStatistics[]
+}
+
+export interface GolfRoundStatistics {
+    tournament_id:string,
+    round_number: number,
+    hole_statistics: GolfHoleStatistics[]
+}
+
+export interface GolfHoleStatistics {
+    round_number:number,
+    hole_number:number
+    par:number,
+    strokes: number,
+    players:number,
+    eagles:number,
+    birdies:number,
+    pars:number,
+    bogeys: number,
+    double_bogeys:number,
+    holes_in_one: number,
+    other_scores:number,
+    strokes_avg:number,
+    avg_diff:number
+}
+
+
 export interface FocusPositionProps {
     x:number,
     y:number,