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.
		
		
		
		
		
			
		
			
				
	
	
		
			46 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			TypeScript
		
	
			
		
		
	
	
			46 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			TypeScript
		
	
| import React from 'react';
 | |
| 
 | |
| import { SessionModal } from './session/SessionModal';
 | |
| import { SessionButton } from './session/SessionButton';
 | |
| 
 | |
| 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 (
 | |
|       <SessionModal
 | |
|         title={this.props.titleText}
 | |
|         onClose={() => null}
 | |
|         onOk={() => null}
 | |
|       >
 | |
|         <div className="spacer-md" />
 | |
|         <p className="messageText">{this.props.messageText}</p>
 | |
|         <div className="spacer-md" />
 | |
| 
 | |
|         <div className="session-modal__button-group">
 | |
|           <SessionButton
 | |
|             text={this.props.okText}
 | |
|             onClick={this.props.onConfirm}
 | |
|           />
 | |
| 
 | |
|           <SessionButton
 | |
|             text={this.props.cancelText}
 | |
|             onClick={this.props.onClose}
 | |
|           />
 | |
|         </div>
 | |
|       </SessionModal>
 | |
|     );
 | |
|   }
 | |
| }
 |