be-components 7.3.1 → 7.3.3

package/src/FlashMarket/components/ManageFlashMarket.tsx

@@ -22,7 +22,7 @@ type ManageFlashMarketProps = {
     onFocusPosition?:(pos:FocusPositionProps) => void
 }
 
-const sections = ['header','activate','pause_resume','closed','resolve','toggle','image','question','options','settings','results']
+const sections = ['header','activate','pause_resume','closed','resolve','toggle', 'image','question','options','settings','results', 'danger']
 const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFocusPosition }:ManageFlashMarketProps) => {
     const Colors = useColors();
     const [ labels, setLabels ] = useState({
@@ -105,6 +105,19 @@ const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFo
         });
     }
 
+    const deletePoll = async(dp:PollProps) => {
+        if(action_loading){ return }
+        setFlashState({ ...flash_state, action_loading: true });
+        const deleted_poll = await PollApi.deletePoll(dp.poll_id);
+        if(!deleted_poll){ return alert('Unable to update') }
+        setFlashState({ 
+            ...flash_state,
+            action_loading: false,
+            poll: deleted_poll,
+            draft_poll: deleted_poll
+        });
+    }
+
     const handleSelectWinningOption = (checked:boolean, option:PollOptionProps) => {
         if(!poll){ return alert('Unable to process') }
         if(checked){
@@ -381,6 +394,31 @@ const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFo
                         </View>
                     </View>
                 )
+            case 'danger':
+                if(active_step != 'settings'){ return <></> }
+                if(!poll){ return <></> }
+                if(total_responses > 0){ return <></> }
+                return (
+                    <View float style={{ margin:10, padding:10 }}>
+                        <View transparent>
+                            <Text theme='h1'>Delete Flash Market</Text>
+                            <Text theme='description' style={{ marginTop:3 }}>DANGER: Once deleted you can no longer edit it</Text>
+                        </View>
+                        <Button
+                            type='error'
+                            title='Delete'
+                            loading={action_loading}
+                            disabled={action_loading ? true : false}
+                            style={{ opacity: action_loading? 0.5:1, marginTop:8}}
+                            onPress={() => {
+                                showConfirmAlert('Are you sure?', 'Once deleted you can not longer edit it',
+                                    () => deletePoll(poll),
+                                    () => console.log('')
+                                )
+                            }}
+                        />
+                    </View>
+                )
             case 'pause_resume':
                 if(!poll){ return <></> }
                 if(!['active','paused',''].includes(poll.status)){ return <></> }
@@ -438,15 +476,16 @@ const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFo
                     </View>
                 )
             case 'toggle':
+                let options = [
+                    { key: 'question', label: 'Question' },
+                    { key: 'options', label: 'Options' },
+                    { key: 'settings', label: 'Settings' },
+                    { key: 'results', label: 'Results' }
+                ]
                 return (
                     <View style={{ padding:10 }}>
                         <Toggle
-                            options={[
-                                { key: 'question', label: 'Question' },
-                                { key: 'options', label: 'Options' },
-                                { key: 'settings', label: 'Settings' },
-                                { key: 'results', label: 'Results' }
-                            ]}
+                            options={options}
                             selected_option={active_step}
                             onSelectOption={(key) => setFlashState({ ...flash_state, active_step: key })}
                         />
@@ -514,13 +553,13 @@ const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFo
             case 'results':
                 if(!poll){ return <></> }
                 if(active_step != 'results'){ return <></> }
-                let staked = poll_summaries.reduce((a,b) => a + b.stake, 0) - (poll.base_stake ?? 0)
+                let staked = poll_summaries.reduce((a,b) => a + b.stake, 0)
+                if(poll.status != 'pending'){ staked -= (poll.base_stake ?? 0) }
                 let responses = poll_summaries.reduce((a,b) => a + b.count, 0) - poll_summaries.length;
                 if(responses < 0){ responses = 0 }
                 let participants = players.length
-                let total_stake = poll_summaries.reduce((a,b) => a + b.stake, 0);
                 let winnings = poll_summaries.reduce((a,b) => a + b.winnings, 0);
-                let revenue = total_stake - winnings
+                let revenue = staked - winnings
                 return (
                     <View transparent>
                         <View transparent type='row' style={{ padding:20, borderBottomWidth:1, borderColor:Colors.borders.light }}>
@@ -762,6 +801,31 @@ const ManageFlashMarket = ({ float, header_style, player, onClose, poll_id, onFo
                     renderItem={renderSections}
                 />
             </View>
+            {poll && poll.status == 'inactive' ?
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, justifyContent:'center', alignItems:'center' }}>
+                <View float style={{ width: '70%' }}>
+                    <View type='header' style={{ justifyContent:'center', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                        <Text theme='h1'>Flash Market Has Been Deleted</Text>
+                    </View>
+                    <View type='body' style={{ justifyContent:'center', alignItems:'center', padding:10 }}>
+                        <Image
+                            source={{ uri: poll.poll_image?.url }}
+                            style={{ height:75, width: 75 }}
+                            resizeMode='cover'
+                        />
+                        <Text theme='h2' textAlign='center'>{poll.poll_question ?? 'Pending Question'}</Text>
+                    </View>
+                    <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
+                        <Button
+                            title='CLOSE'
+                            style={{ flex:1 }}
+                            type='error'
+                            onPress={() => onClose()}
+                        />
+                    </View>
+                </View>
+            </View>
+            :<></>}
         </View>
     )
 }

package/src/PartnerPortal/components/CompetitionSelector.tsx

@@ -64,7 +64,7 @@ const CompetitionSelector = ({ company_id, active_competitions, onSelectCompetit
     return (
         <View float style={{ padding:15 }}>
             <Button transparent style={{ padding:0, flexDirection:'row', alignItems:'center' }} onPress={() => setVisible(!visible)}>
-                <Text style={{ flex:1, marginRight:10 }} theme='h1'>{active_competitions.length} Comeptitions</Text>
+                <Text style={{ flex:1, marginRight:10 }} theme='h1'>{active_competitions.length} Competitions</Text>
                 <Icons.ChevronIcon direction={visible?'up':'down'} color={Colors.text.h1} size={8} />
             </Button>
             {visible ?

package/src/types.d.ts

@@ -2178,6 +2178,7 @@ export interface BracketCompetitionProps {
     status: string,
     code_valid?:boolean,
     invite_followers?:boolean,
+    group_id?:string,    
     scoring_system: 'progressive',
     opt_in_url?:string,
     sponsored?:boolean,