You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
	
	
		
			34 lines
		
	
	
		
			808 B
		
	
	
	
		
			TypeScript
		
	
		
		
			
		
	
	
			34 lines
		
	
	
		
			808 B
		
	
	
	
		
			TypeScript
		
	
| 
											6 years ago
										 | import React from 'react'; | ||
|  | 
 | ||
|  | interface Props { | ||
|  |   titleText: string; | ||
|  |   messageText: string; | ||
|  |   okText: string; | ||
|  |   cancelText: string; | ||
|  |   onConfirm: any; | ||
|  |   onClose: any; | ||
|  | } | ||
|  | 
 | ||
|  | export class ConfirmDialog extends React.Component<Props> { | ||
|  |   constructor(props: any) { | ||
|  |     super(props); | ||
|  |   } | ||
|  | 
 | ||
|  |   public render() { | ||
|  |     return ( | ||
|  |       <div className="content"> | ||
|  |         <p className="titleText">{this.props.titleText}</p> | ||
|  |         <p className="messageText">{this.props.messageText}</p> | ||
|  |         <div className="buttons"> | ||
|  |           <button className="cancel" tabIndex={0} onClick={this.props.onClose}> | ||
|  |             {this.props.cancelText} | ||
|  |           </button> | ||
|  |           <button className="ok" tabIndex={0} onClick={this.props.onConfirm}> | ||
|  |             {this.props.okText} | ||
|  |           </button> | ||
|  |         </div> | ||
|  |       </div> | ||
|  |     ); | ||
|  |   } | ||
|  | } |