Get rid of old demo
This commit is contained in:
		@@ -25,12 +25,8 @@ export interface BuyOrderStateButtonProps {
 | 
			
		||||
    onBuySuccess: (buyQuote: BuyQuote, txHash: string, startTimeUnix: number, expectedEndTimeUnix: number) => void;
 | 
			
		||||
    onBuyFailure: (buyQuote: BuyQuote, txHash: string, startTimeUnix: number, expectedEndTimeUnix: number) => void;
 | 
			
		||||
    onRetry: () => void;
 | 
			
		||||
 | 
			
		||||
    // TODO: dont commit!
 | 
			
		||||
    secondaryProgressDemo: () => void;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// TODO: rename to buttons
 | 
			
		||||
export const BuyOrderStateButtons: React.StatelessComponent<BuyOrderStateButtonProps> = props => {
 | 
			
		||||
    if (props.buyOrderProcessingState === OrderProcessState.FAILURE) {
 | 
			
		||||
        return (
 | 
			
		||||
@@ -54,15 +50,8 @@ export const BuyOrderStateButtons: React.StatelessComponent<BuyOrderStateButtonP
 | 
			
		||||
        return <PlacingOrderButton />;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    const curTime = new Date().getTime();
 | 
			
		||||
    const expectedEndTime = curTime + 5000;
 | 
			
		||||
    return (
 | 
			
		||||
        <div>
 | 
			
		||||
            {/* <div style={{ marginBottom: '20px' }}>
 | 
			
		||||
                <SimulatedProgressBar startTimeUnix={curTime} expectedEndTimeUnix={expectedEndTime} ended={false} />
 | 
			
		||||
            </div> */}
 | 
			
		||||
 | 
			
		||||
            <SecondaryButton onClick={props.secondaryProgressDemo}>New progress bar demo</SecondaryButton>
 | 
			
		||||
            <BuyButton
 | 
			
		||||
                buyQuote={props.buyQuote}
 | 
			
		||||
                assetBuyer={props.assetBuyer}
 | 
			
		||||
 
 | 
			
		||||
@@ -26,7 +26,6 @@ interface ConnectedDispatch {
 | 
			
		||||
    onBuyFailure: (buyQuote: BuyQuote, txHash: string, startTimeUnix: number, expectedEndTimeUnix: number) => void;
 | 
			
		||||
    onRetry: () => void;
 | 
			
		||||
    onValidationFail: (buyQuote: BuyQuote, errorMessage: AssetBuyerError | ZeroExInstantError) => void;
 | 
			
		||||
    secondaryProgressDemo: () => void;
 | 
			
		||||
}
 | 
			
		||||
export interface SelectedAssetBuyOrderStateButtons {}
 | 
			
		||||
const mapStateToProps = (state: State, _ownProps: SelectedAssetBuyOrderStateButtons): ConnectedState => ({
 | 
			
		||||
@@ -113,29 +112,6 @@ const mapDispatchToProps = (
 | 
			
		||||
    onRetry: () => {
 | 
			
		||||
        dispatch(actions.resetAmount());
 | 
			
		||||
    },
 | 
			
		||||
    secondaryProgressDemo: () => {
 | 
			
		||||
        const nowTime = new Date().getTime();
 | 
			
		||||
        const futureTime = nowTime + 5000;
 | 
			
		||||
        dispatch(
 | 
			
		||||
            actions.updateSimulatedOrderProgress({
 | 
			
		||||
                startTimeUnix: nowTime,
 | 
			
		||||
                expectedEndTimeUnix: futureTime,
 | 
			
		||||
                ended: false,
 | 
			
		||||
            }),
 | 
			
		||||
        );
 | 
			
		||||
 | 
			
		||||
        window.setTimeout(() => {
 | 
			
		||||
            console.log('simulate finishing');
 | 
			
		||||
 | 
			
		||||
            dispatch(
 | 
			
		||||
                actions.updateSimulatedOrderProgress({
 | 
			
		||||
                    startTimeUnix: nowTime,
 | 
			
		||||
                    expectedEndTimeUnix: futureTime,
 | 
			
		||||
                    ended: true,
 | 
			
		||||
                }),
 | 
			
		||||
            );
 | 
			
		||||
        }, 2000);
 | 
			
		||||
    },
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
export const SelectedAssetBuyOrderStateButtons: React.ComponentClass<SelectedAssetBuyOrderStateButtons> = connect(
 | 
			
		||||
 
 | 
			
		||||
@@ -39,6 +39,5 @@ interface ConnectedState {
 | 
			
		||||
}
 | 
			
		||||
const mapStateToProps = (state: State, _ownProps: {}): ConnectedState => ({
 | 
			
		||||
    buyOrderState: state.buyOrderState,
 | 
			
		||||
    simulatedProgress: state.simulatedProgress,
 | 
			
		||||
});
 | 
			
		||||
export const SelectedAssetSimulatedProgressBar = connect(mapStateToProps)(SelectedAssetSimulatedProgressComponent);
 | 
			
		||||
 
 | 
			
		||||
@@ -28,7 +28,6 @@ export enum ActionTypes {
 | 
			
		||||
    UPDATE_BUY_ORDER_STATE = 'UPDATE_BUY_ORDER_STATE',
 | 
			
		||||
    UPDATE_LATEST_BUY_QUOTE = 'UPDATE_LATEST_BUY_QUOTE',
 | 
			
		||||
    UPDATE_SELECTED_ASSET = 'UPDATE_SELECTED_ASSET',
 | 
			
		||||
    UPDATE_SIMULATED_ORDER_PROGRESS = 'UPDATE_SIMULATED_ORDER_PROGRESS',
 | 
			
		||||
    SET_QUOTE_REQUEST_STATE_PENDING = 'SET_QUOTE_REQUEST_STATE_PENDING',
 | 
			
		||||
    SET_QUOTE_REQUEST_STATE_FAILURE = 'SET_QUOTE_REQUEST_STATE_FAILURE',
 | 
			
		||||
    SET_ERROR_MESSAGE = 'SET_ERROR_MESSAGE',
 | 
			
		||||
@@ -44,8 +43,6 @@ export const actions = {
 | 
			
		||||
    updateBuyOrderState: (orderState: OrderState) => createAction(ActionTypes.UPDATE_BUY_ORDER_STATE, orderState),
 | 
			
		||||
    updateLatestBuyQuote: (buyQuote?: BuyQuote) => createAction(ActionTypes.UPDATE_LATEST_BUY_QUOTE, buyQuote),
 | 
			
		||||
    updateSelectedAsset: (assetData?: string) => createAction(ActionTypes.UPDATE_SELECTED_ASSET, assetData),
 | 
			
		||||
    updateSimulatedOrderProgress: (orderProgress: SimulatedProgress) =>
 | 
			
		||||
        createAction(ActionTypes.UPDATE_SIMULATED_ORDER_PROGRESS, orderProgress),
 | 
			
		||||
    setQuoteRequestStatePending: () => createAction(ActionTypes.SET_QUOTE_REQUEST_STATE_PENDING),
 | 
			
		||||
    setQuoteRequestStateFailure: () => createAction(ActionTypes.SET_QUOTE_REQUEST_STATE_FAILURE),
 | 
			
		||||
    setErrorMessage: (errorMessage: string) => createAction(ActionTypes.SET_ERROR_MESSAGE, errorMessage),
 | 
			
		||||
 
 | 
			
		||||
@@ -32,7 +32,6 @@ export interface State {
 | 
			
		||||
    quoteRequestState: AsyncProcessState;
 | 
			
		||||
    latestErrorMessage?: string;
 | 
			
		||||
    latestErrorDisplayStatus: DisplayStatus;
 | 
			
		||||
    simulatedProgress?: SimulatedProgress;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export const INITIAL_STATE: State = {
 | 
			
		||||
@@ -121,11 +120,6 @@ export const reducer = (state: State = INITIAL_STATE, action: Action): State =>
 | 
			
		||||
                ...state,
 | 
			
		||||
                selectedAsset: newSelectedAsset,
 | 
			
		||||
            };
 | 
			
		||||
        case ActionTypes.UPDATE_SIMULATED_ORDER_PROGRESS:
 | 
			
		||||
            return {
 | 
			
		||||
                ...state,
 | 
			
		||||
                simulatedProgress: action.data,
 | 
			
		||||
            };
 | 
			
		||||
        case ActionTypes.RESET_AMOUNT:
 | 
			
		||||
            return {
 | 
			
		||||
                ...state,
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user