PopUpFailedSave.js 1.48 KB
Newer Older
Deni Rinaldi's avatar
Deni Rinaldi committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14
import React, { Component } from 'react';
import Images from '../assets/Images';
import { Typography } from '@material-ui/core';

export default class PopUpFailedSave extends Component {
    render() {
        return (
            <div className="test app-popup-show">
                <div className="popup-content background-white border-radius" style={{ borderRadius: 8, padding: 50 }}>
                    <div style={{ display: 'flex', justifyContent: 'center' }}>
                        <img src={Images.failedCopy} />
                    </div>
                    <div style={{ display: 'grid', justifyContent: 'center', marginTop: 20 }}>
                        <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
15
                            {`Sorry, form save failed.`}
Deni Rinaldi's avatar
Deni Rinaldi committed
16 17
                        </span>
                        <span style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold' }}>
Deni Rinaldi's avatar
Deni Rinaldi committed
18
                            {`Please try again later.`}
Deni Rinaldi's avatar
Deni Rinaldi committed
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
                        </span>
                    </div>
                    <div style={{ display: 'grid', justifyContent: 'center', marginTop: 24 }}>
                        <button
                            className={"btn-save"}
                            onClick={()=> this.props.onClickClose()}
                        >
                            <span style={{ color: 'white' }}>OK</span>
                        </button>
                    </div>
                </div>
            </div>
        );
    }
}