be-components 7.0.5 → 7.0.8

package/src/Discord/index.tsx

@@ -0,0 +1,300 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from "../Components/Themed"
+import { DiscordPlayerApi } from './api';
+import type { DiscordPlayerProps } from '../types';
+import { FlatList, Image, type ViewStyle } from 'react-native';
+import { Icons, Toggle } from '../Components';
+import { useColors } from '../constants/useColors';
+import * as Clipboard from 'expo-clipboard';
+
+type DiscordConnectionManagerProps = {
+    player_id?:string,
+    refresh_key?:string,
+    header_style?:ViewStyle,
+    float?:boolean,
+    footer_style?:ViewStyle,
+    onRequestAuthenticate: () => void
+}
+
+const sections = ['header','toggle', 'logo', 'success', 'step_1','step_2','step_3']
+const DiscordConnectionManager = ({ player_id, refresh_key, header_style, footer_style, float, onRequestAuthenticate }:DiscordConnectionManagerProps) => {
+    const Colors = useColors();
+    const [ state, setState ] = useState<{
+        loading:boolean,
+        discord_player?:DiscordPlayerProps,
+        active_step:string
+    }>({
+        loading: false,
+        active_step: 'step_1'
+    });
+    const { loading, discord_player, active_step } = state;
+
+    useEffect(() => {
+        DiscordPlayerApi.setEnvironment();
+        if(!player_id){ return onRequestAuthenticate() }
+        getData();
+    },[player_id, refresh_key]);
+
+    const getData = async() => {
+        setState({ ...state, loading:true });
+        const dp = await DiscordPlayerApi.getMyDiscordConnection();
+        if(!dp){ return alert('Unable to get your connection status') }
+        const step = dp.status == 'inactive' ? 'step_1' : dp.status == 'requested' ? 'step_2' : dp.status == 'pending' ? 'step_3' : 'step_1'
+        setState({
+            ...state,
+            loading:false,
+            discord_player: dp,
+            active_step: step
+        });
+    }
+
+    const handleStartConnection = async() => {
+        if(loading){ return }
+        setState({ ...state, loading:true });
+        const dp = await DiscordPlayerApi.startConnnection();
+        if(!dp){ 
+            alert('Unable to process at this time.  Please try again')
+            getData();
+            return
+        }
+        setState({
+            ...state,
+            discord_player: dp,
+            active_step: 'step_2',
+            loading:false
+        });
+    }
+
+    const handleConfirmConnection = async() => {
+        if(loading){ return }
+        setState({ ...state, loading:true });
+        const dp = await DiscordPlayerApi.confirmConnection();
+        if(!dp){ 
+            alert('Unable to process at this time.  Please try again')
+            getData();
+            return
+        }
+        setState({
+            ...state,
+            discord_player: dp,
+            loading:false
+        });
+    }
+
+    const handleDisconnect = async() => {
+        if(loading){ return }
+        setState({ ...state, loading:true });
+        const dp = await DiscordPlayerApi.disconnect();
+        if(!dp){ 
+            alert('Unable to process at this time.  Please try again')
+            getData();
+            return
+        }
+        setState({
+            ...state,
+            discord_player: dp,
+            loading:false
+        });
+    }
+
+
+    const renderSections = (data:{item:string, index:number}) => {
+        switch(data.item){
+            case 'header':
+                return (
+                    <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, ...header_style }}>
+                        <Image
+                            source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1758212751/discord_xkfzgw.jpg' }}
+                            style={{ height:40, width:40 }}
+                            resizeMode='contain'
+                        />
+                        <View transparent style={{ flex:1, marginLeft:10 }}>
+                            <Text theme='h1'>Connect Your Discord!</Text>
+                            <Text theme='description'>Follow the instructions below to authenticate discord with your account</Text>
+                        </View>
+                        <Button float style={{ padding:10 }} onPress={() => getData()}>
+                            <Icons.RefreshIcon size={18} color={Colors.text.h1}/>
+                        </Button>
+                    </View>
+                )
+            case 'toggle':
+                if(discord_player?.status == 'active'){ return <></> }
+                return (
+                    <View style={{padding:10}}>
+                        <Toggle
+                            options={[
+                                { key: 'step_1', label: 'Step 1' },
+                                { key: 'step_2', label: 'Step 2' },
+                                { key: 'step_3', label: 'Step 3' }
+                            ]}
+                            selected_option={active_step}
+                            onSelectOption={(step) => setState({ ...state, active_step:step })}
+                        />
+                    </View>
+                )
+            case 'success':
+                if(discord_player?.status != 'active'){ return <></> }
+                return (
+                    <View style={{ padding:10 }}>
+                        <View float style={{ padding:2, backgroundColor: '#7289da', borderRadius:100, alignSelf:'center' }}>
+                            {discord_player.image?
+                            <Image
+                                source={{ uri: discord_player.image.url }}
+                                style={{ height:125, width:125, borderRadius:100 }}
+                                resizeMode='cover'
+                            />
+                            :
+                            <Image
+                                source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1758213727/discord-logo_zsufoi.png' }}
+                                style={{ height:125, width:125, borderRadius:100 }}
+                                resizeMode='cover'
+                            />
+                            }
+                        </View>
+                        <View float style={{ marginTop:40}}>
+                            <View transparent style={{ flexDirection:'row', alignItems:'center', padding:10}}>
+                                {discord_player.image?
+                                <Image
+                                    source={{ uri: discord_player.image.url }}
+                                    style={{ height:50, width:50, borderRadius:100 }}
+                                    resizeMode='cover'
+                                />
+                                :
+                                <Image
+                                    source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1758213727/discord-logo_zsufoi.png' }}
+                                    style={{ height:50, width:50, borderRadius:100 }}
+                                    resizeMode='cover'
+                                />
+                                }
+                                <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                                    <Text theme='h1' size={18}>@{discord_player.username}</Text>
+                                    <Text theme='success' style={{ marginTop:5 }}>CONNECTED</Text>
+                                </View>
+                                <Icons.CheckCirlceIcon color={Colors.text.success} size={20} />
+                            </View>
+                        </View>
+                    </View>
+                )
+            case 'logo':
+                if(discord_player?.status == 'active'){ return <></> }
+                return (
+                    <View transparent style={{ flexDirection:'row', paddingLeft:10, paddingRight:10 }}>
+                        {active_step == 'step_2' ?
+                        <View style={{ flex:1 }} />
+                        :active_step == 'step_3' ?
+                        <View style={{ flex:2 }} />
+                        :<></>}
+                        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }}>
+                            <View float style={{ padding:10, backgroundColor: '#7289da', borderRadius:100 }}>
+                                <Image
+                                    source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1758213727/discord-logo_zsufoi.png' }}
+                                    style={{ height:50, width:50, borderRadius:100 }}
+                                    resizeMode='cover'
+                                />
+                            </View>
+                        </View>
+                        {active_step == 'step_1' ?
+                        <View style={{ flex:2 }} />
+                        :active_step == 'step_2' ?
+                        <View style={{ flex:1 }} />
+                        :<></>}
+                    </View>
+                )
+            case 'step_1':
+                if(active_step != 'step_1'){ return <></> }
+                if(discord_player && discord_player.status == 'active'){ return <></> }
+                return (
+                    <View float style={{ padding:20, margin:10, justifyContent:'center', alignItems:'center' }}>
+                        <Text theme='h1'  size={20} style={{ marginTop:20 }} textAlign='center'>Press Start Connection below</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>You’ll get a temporary code valid for 10 minutes</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>Keep this code handy—you’ll need it in Discord</Text>
+                    </View>
+                )
+            case 'step_2':
+                if(active_step != 'step_2' || !discord_player){ return <></> }
+                if(discord_player?.status == 'active'){ return <></> }
+                return (
+                    <View float style={{ padding:20, margin:10, justifyContent:'center', alignItems:'center' }}>
+                        <Text theme='h1'  size={20} style={{ marginTop:20 }} textAlign='center'>Open Discord where the bot is installed.</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>Use the slash command{'\n'} /connect {discord_player.auth_code}</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>Make sure to enter the code exactly as shown. It will expire in 10 minutes</Text>
+                    </View>
+                )
+            case 'step_3':
+                if(active_step != 'step_3' || !discord_player){ return <></> }
+                if(discord_player?.status == 'active'){ return <></> }
+                return (
+                    <View float style={{ padding:20, margin:10, justifyContent:'center', alignItems:'center' }}>
+                        <Text theme='h1'  size={20} style={{ marginTop:20 }} textAlign='center'>Once Validated, you can confirm the connection</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>Press confirm connection below.</Text>
+                        <Text theme='h1' size={20} style={{ marginTop:20 }} textAlign='center'>Once confirmed, you can use authenticated commands in descord!</Text>
+                    </View>
+                )
+            default: return <></>
+        }
+    }
+
+    return (
+        <View float={float} style={{ flex:1 }}>
+            <FlatList
+                data={sections}
+                key={'discord_connection_sections'}
+                keyExtractor={item => item}
+                renderItem={renderSections}
+            />
+            {discord_player ?
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, ...footer_style }}>
+                {discord_player.status == 'inactive' ?
+               <Button
+                    title='START CONNECTION'
+                    title_color={Colors.text.white}
+                    backgroundColor='#7289da'
+                    loading={loading}
+                    style={{ flex:1 }}
+                    onPress={() => handleStartConnection()}
+               />
+               :discord_player.status == 'requested' ?
+                <Button
+                    type='text'
+                    loading={loading}
+                    style={{ flex:1, alignItems:'center', justifyContent:'center' }}
+                    onPress={async() => {
+                        if(!discord_player.auth_code){ return }
+                            await Clipboard.setStringAsync(discord_player.auth_code)
+                            alert('Code copied to clipboard')
+                    }}>
+                        <Text theme='action' size={14}>Press to Copy: {discord_player.auth_code}</Text>
+                </Button>
+            :discord_player.status == 'pending' ?
+                <Button
+                    title='CONFIRM CONNECTION'
+                    type='success'
+                    loading={loading}
+                    style={{ flex:1 }}
+                    onPress={() => handleConfirmConnection()}
+               />
+            :discord_player.status == 'active'?
+                <Button
+                    title='DISCONNECT'
+                    type='error'
+                    loading={loading}
+                    style={{ flex:1 }}
+                    onPress={() => handleDisconnect()}
+                />
+            :<></>}
+            </View>
+            :
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, ...footer_style }}>
+               <Button
+                type='success'
+                style={{ flex:1 }}
+                title='LOG IN FIRST'
+                onPress={() => onRequestAuthenticate()}
+               />
+            </View>
+            }
+        </View>
+    )
+}
+
+export default DiscordConnectionManager

package/src/FlashMarket/FlashHolder.tsx

@@ -21,6 +21,7 @@ type FlashHolderProps = {
     contest_type?:string,
     parent_style?:ViewStyle,
     hide_footer?:boolean,
+    poll_campaign_id?:string,
     contest_id?:string,
     hide_tabs?:boolean,
     style?:ViewStyle,
@@ -31,13 +32,14 @@ type FlashHolderProps = {
     side_id?:string,
     default_poll_id?:string,
     poll_id?:string,
+    onManageFlash?: (poll:PollProps) => void,
     onSelectCompactPoll?:(poll_id:string) => void,
     onRequestLocation:() => void,
     onFocusPosition?: (position:{ x:number, y:number, width:number, height:number }) => void,
     onRequestAuthenticate: () => void
 }
 const sections = [ 'selector','explainer','flash_market','options','footer' ]
-const FlashHolder = ({ float, company_id, compact, style, default_poll_id, hide_timer, distinct_id, hide_footer, no_highlight, hide_tabs, parent_style, league_id, init_expanded, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onSelectCompactPoll, onRequestAuthenticate, onFocusPosition, onRequestLocation } : FlashHolderProps) => {
+const FlashHolder = ({ float, poll_campaign_id, company_id, compact, style, default_poll_id, hide_timer, distinct_id, hide_footer, no_highlight, hide_tabs, parent_style, league_id, init_expanded, player_id, player, location, contest_type, contest_id, side_type, side_id, poll_id, onSelectCompactPoll, onRequestAuthenticate, onFocusPosition, onRequestLocation, onManageFlash } : FlashHolderProps) => {
     const Colors = useColors();
     const [ needs_reload, setNeedsReload ] = useState(false);
     const [ socket_campaigns, setSocketCampaigns ] = useState<PollCampaignProps[]>([]);
@@ -77,7 +79,7 @@ const FlashHolder = ({ float, company_id, compact, style, default_poll_id, hide_
     const [ active_flash_market, setActiveFlashMarket ] = useState<string | undefined>(undefined);
     const flash_market = flash_markets.find(fm => fm.poll_id == active_flash_market);
     const sorted_flashes = flash_markets.sort((a,b) => moment(a.end_datetime).unix() - moment(b.end_datetime).unix() || parseInt(a.poll_id) - parseInt(b.poll_id))
-
+    
     useEffect(() => {
         loadData();
     },[league_id, contest_type, contest_id, side_type, side_id, poll_id]);
@@ -167,6 +169,12 @@ const FlashHolder = ({ float, company_id, compact, style, default_poll_id, hide_
             return handleSelectPoll(poll_id, options);
         }
 
+        if(poll_campaign_id){
+            let resp = await FlashMarketApi.getPollsByCampaignId(poll_campaign_id);
+            let active_polls = resp.filter(p => p.status != 'closed');
+            setFlashData({ ...flash_data, loaded:true, holder_loading: false, flash_markets:active_polls })
+        }
+
         let found_polls:PollProps[] = []
         if(company_id){
             let resp = await FlashMarketApi.getActiveMarkets(company_id);
@@ -301,6 +309,7 @@ const FlashHolder = ({ float, company_id, compact, style, default_poll_id, hide_
                             header_style={{ borderTopRightRadius:0, borderTopLeftRadius:0 }}
                             onReload={() => loadMarket(active_flash_market)}
                             onRequestAuthenticate={onRequestAuthenticate}
+                            onManageFlash={onManageFlash}
                             onRequestLocation={onRequestLocation}
                             onFocusPosition={onFocusPosition}
                         />

package/src/FlashMarket/api/index.ts

@@ -29,6 +29,14 @@ const FlashMarketApi = {
             return undefined
         }       
     },
+    getPollsByCampaignId: async(poll_campaign_id:string):Promise<PollProps[]> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/polls/campaign/${poll_campaign_id}`);
+            return resp.data.polls
+        } catch (e) {
+            return []
+        }
+    },
     getActiveFlashMarkets: async():Promise<PollProps[]> => {
         try {
             const resp = await axios.get(`${AUTH_SVC_API}/v2/pm/flash/active`);
@@ -107,7 +115,22 @@ export const FlashMarketHelpers = {
     toWin: (stake:number, parimutuel_odds?:number):number => {
         if(!parimutuel_odds){ return 0 }
         return stake / parimutuel_odds
-        
+    },
+    isNewValid: (options:PollOptionProps[], summaries:PollSummaryProps[], poll?:PollProps) => {
+        let errors:string[] = []
+        if(!poll){ return ['Waiting for market'] }
+        options.map(o => !o.option_name ? errors.push('Option must have a valid name') : console.log(''))
+        if(options.length <= 1){ errors.push('Need at least 2 options') }
+        let total_prob = options.reduce((a,b) => a + (b.initial_odds ?? 0), 0);
+        let total_stake = summaries.reduce((a,b) => a + b.count, 0)
+        if(!poll.poll_question){ errors.push('Please enter a question') }
+        if(poll.max_stake < 1){ errors.push('Max stake must be at least $1') }
+        if(poll.minimum_stake < 0.1){ errors.push('Min stake must be greater than 10 cents') }
+        if(moment().isAfter(moment(poll.end_datetime))){ errors.push('Market close time is in the past') }
+        if(poll.status != 'pending'){ errors.push('Only pending markets can be activated') }
+        if(total_stake > 0){ errors.push('Cannot activate with existing responses') }
+        if(total_prob.toFixed(2) != '1.00'){ errors.push('Initial probabilities do not add to 1') }
+        return errors  
     },
     getResponseStats: (option:PollOptionProps, poll_response?:PollResponseProps) => {
         let empty_reponse = { stake: 0, potential_winnings: 0, winnings: 0, earnings:0 }

package/src/FlashMarket/components/FlashOptionCard.tsx

@@ -0,0 +1,174 @@
+import React from 'react';
+import { useEffect, useState } from "react"
+import type { PollOptionProps, PollProps, PollSummaryProps } from "../../types"
+import { Button, Text, TextInput, View } from "../../Components/Themed"
+import { PollOptionApi } from '../../Poll/api';
+import { useColors } from '../../constants/useColors';
+import { Checkbox, Icons } from '../../Components';
+import Slider from '../../Components/Slider';
+import { MarketComponentHelpers } from '../../MarketComponents/api';
+
+type FlashOptionCardProps = {
+    poll:PollProps,
+    poll_option: PollOptionProps,
+    probability_locked?:boolean,
+    summary:PollSummaryProps,
+    onUpdateOption:(poll_option:PollOptionProps) => void,
+    onLockProbability:(locked:boolean) => void,
+    onChangeProbability: (probability:number) => void,
+    onSelectWinningOption: (checked:boolean, option:PollOptionProps) => void
+}
+
+const FlashOptionCard = ({ poll, poll_option, probability_locked, summary, onUpdateOption, onLockProbability, onChangeProbability, onSelectWinningOption }:FlashOptionCardProps) => {
+    const Colors = useColors();
+    const [ size, setSize ] = useState({ width: 0 });
+    const [ state, setState ] = useState<{
+        action_loading:boolean,
+        draft_option:PollOptionProps
+    }>({
+        action_loading: false,
+        draft_option: poll_option
+    });
+    const { action_loading, draft_option } = state;
+    const delete_allowed = poll.status == 'pending' ? true : false
+    const probability = (poll_option.initial_odds ?? 0) * 100
+    const probability_label = `${probability.toFixed(2)}%`
+    const odds_label = MarketComponentHelpers.getOddsLabel(MarketComponentHelpers.calcAmericanOddsFromProbability(probability / 100))
+    const label_left = probability < 15 ? probability + 40 : 0
+    const summary_width = summary.pct * size.width
+    useEffect(() => {
+        setState({ ...state, draft_option: poll_option });
+    },[JSON.stringify(poll_option)]);
+
+    const updateOption = async(po:PollOptionProps) => {
+        if(action_loading){ return }
+        setState({ ...state, action_loading: true });
+        const new_option = await PollOptionApi.updatePollOption(po);
+        if(!new_option){ alert('Unabel to update'); setState({ ...state, action_loading: false }); return }
+        setState({
+            ...state,
+            action_loading: false
+        });
+        onUpdateOption(new_option)
+    }
+
+    const handleManualTimeChange = async(val:number) => {
+        //updat manual time!!
+        onChangeProbability(val / 100);
+    }
+
+    const is_changed = JSON.stringify(poll_option) != JSON.stringify(draft_option) ? true : false
+    const is_winning_option = poll_option.result_ind == 'win' ? true : false
+    return (
+        <View style={{ padding:2 }}>
+            <View type='row'>
+                {['paused','active'].includes(poll.status) ?
+                <Checkbox
+                    style={{ marginRight:10 }}
+                    color={is_winning_option ? Colors.text.success : Colors.text.h1}
+                    checked={is_winning_option}
+                    onSelect={(checked) => onSelectWinningOption(checked, poll_option)}
+                />
+                :<></>}
+                <View transparent style={{flex:1}}>
+                     <TextInput
+                        value={draft_option.option_name}
+                        editable={poll.status == 'pending' ? true : false}
+                        onSubmitEditing={() => {
+                            if(!is_changed){ return }
+                            updateOption(draft_option)
+                        }}
+                        style={{ borderColor:draft_option.option_name ? Colors.text.success: Colors.text.warning }}
+                        placeholder={`Option ${draft_option.priority}`}
+                        onChangeText={(text) => setState({ ...state, draft_option: { ...draft_option, option_name: text } })}
+                    />
+                {summary.pct > 0 ?
+                <View type='blur' style={{ position:'absolute', top:0, left:0, bottom:0, width: summary_width, backgroundColor:'rgba(125, 205, 133, 0.3)' }} />
+                :<></>}
+                </View>
+               
+                {is_changed ?
+                <Button
+                    title='SAVE'
+                    style={{ padding:10, marginLeft:5, opacity: action_loading ? 0.5: 1 }}
+                    disabled={action_loading}
+                    type='success'
+                    loading={action_loading}
+                    onPress={() => updateOption(draft_option)}
+                />
+                : delete_allowed ?
+                <Button
+                    title='X'
+                    transparent
+                    loading={action_loading}
+                    title_color={Colors.text.error}
+                    style={{ padding:10, marginLeft:5 }}
+                    onPress={() => updateOption({ ...draft_option, status: 'inactive' })}
+                />
+                :<></>}
+            </View>
+            {poll.status == 'pending' ?
+            <View style={{ padding:10, flexDirection:'row', alignItems:'center' }}>
+                <Button
+                    transparent
+                    style={{ padding:0, height:35, width:35, borderRadius:100, justifyContent:'center', alignItems:'center' }}
+                    onPress={() => onLockProbability(!poll_option.probability_locked)}
+                >
+                    {poll_option.probability_locked ?
+                    <Icons.LockClosedIcon size={20} color={Colors.text.h1} />
+                    :
+                    <Icons.LockOpenIcon size={24} color={Colors.text.success} />
+                    }
+                </Button>
+                <Button
+                    title='-'
+                    title_color={Colors.text.error}
+                    float
+                    disabled={poll_option.probability_locked  || probability <= 0.2 ? true : false}
+                    style={{ padding:0, height:35, width:35, borderRadius:100, justifyContent:'center', alignItems:'center' }}
+                    onPress={() => onChangeProbability((probability / 100) - 0.005)}
+                />
+                <View style={{ flex:1, marginLeft:5, marginRight:5 }} onLayout={(ev) => {
+                    const { width } = ev.nativeEvent.layout;
+                    setSize({ width })
+                }}>
+                    <Slider
+                        width={size.width}
+                        value={probability}
+                        minimum_value={0}
+                        disabled={poll_option.probability_locked || probability_locked}
+                        minimum_track_tint={Colors.text.success}
+                        maximum_track_tint={Colors.text.h1}
+                        thumb_tint_color={Colors.text.success}
+                        maximum_value={100}
+                        onSlidingStart={() => console.log('started')}
+                        //onSlidingStart={() => handleStartSliding()}
+                        onSlidingComplete={(val) => handleManualTimeChange(val)}
+                    />
+                    <Text theme='description' style={{ position:'absolute', left:label_left, bottom:-5 }}>{probability_label} ({odds_label})</Text>
+                </View>
+
+                <Button
+                    title='+'
+                    title_color={Colors.text.success}
+                    float
+                    disabled={poll_option.probability_locked  || probability >= 99 ? true : false}
+                    style={{ padding:0, height:35, width:35, borderRadius:100, justifyContent:'center', alignItems:'center' }}
+                    onPress={() => onChangeProbability((probability / 100) + 0.005)}
+                />
+            </View>
+            :
+            <View style={{ flex:1, flexDirection:'row', alignItems:'center', marginTop:3}} onLayout={(ev) => {
+                    const { width } = ev.nativeEvent.layout;
+                    setSize({ width: width -100 })
+                }}>
+                    <Text theme='description' textAlign='left'>{(summary.pct * 100).toFixed(2)}%</Text>
+                    <View transparent style={{ flex:1 }} />
+                    <Text theme='description' textAlign='right'>{summary.count} Responses</Text>
+            </View>
+            }
+        </View>
+    )
+}
+
+export default FlashOptionCard