Gecko [ gandhischool.edu.np ]

Name	Size	Permission
autosuggest	[ DIR ]	drwxrwxr-x
error	[ DIR ]	drwxrwxr-x
form	[ DIR ]	drwxrwxr-x
image_uploader	[ DIR ]	drwxrwxr-x
navbar	[ DIR ]	drwxrwxr-x
pagination	[ DIR ]	drwxrwxr-x
Alert.tsx	2.75 KB	-rw-rw-r--
DynamicInput.tsx	5.14 KB	-rw-rw-r--
Image.tsx	479 B	-rw-rw-r--
Message.tsx	470 B	-rw-rw-r--
NoData.tsx	303 B	-rw-rw-r--
Warning.tsx	1.74 KB	-rw-rw-r--
index.tsx	2.05 KB	-rw-rw-r--
style.css	2.69 KB	-rw-rw-r--
ui.css	2.69 KB	-rw-rw-r--

Code Editor : Warning.tsx

import * as React from "react";
import { Button, Modal } from 'react-bootstrap';

const Message = props => {
    return  <React.Fragment>
                <Modal show={props.show} size="lg" aria-labelledby="contained-modal-title-vcenter" centered backdrop="static">
                <div className="modal-wrap">
                    <div className="modal-content">
                        <div className="modal-header bg-light">
                            <h5 className="modal-title" id="exampleModalLabel"> Leaves Error</h5>
                            <button type="button" className="close" data-dismiss="modal" onClick={props.onHide} aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div className="modal-body">
                            {props.errors && props.errors.length > 0 && props.errors.map((warning,index) => <React.Fragment key={index}>
                                <div className="alert alert-danger"><i className="fa fa-info-circle mr-1"></i> 
                                    {warning} is not found.
                                </div>
                            </React.Fragment>
                        )}
                        </div>
                        <div className="modal-footer">
                            {props.onSubmit &&<button type="button" className="btn btn-primary" onClick={props.onSubmit}>Continue</button>}
                            <button type="button" className="btn btn-danger" onClick={props.onHide} data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </Modal>
        </React.Fragment>
}
export default Message;

${this.title}

Code Editor : Warning.tsx