2017-01-25 18:51:41 +01:00
|
|
|
// Copyright 2015-2017 Parity Technologies (UK) Ltd.
|
2016-11-22 11:54:20 +01:00
|
|
|
// This file is part of Parity.
|
|
|
|
|
|
|
|
// Parity is free software: you can redistribute it and/or modify
|
|
|
|
// it under the terms of the GNU General Public License as published by
|
|
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
|
|
// (at your option) any later version.
|
|
|
|
|
|
|
|
// Parity is distributed in the hope that it will be useful,
|
|
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
// GNU General Public License for more details.
|
|
|
|
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
|
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import { observer } from 'mobx-react';
|
|
|
|
|
|
|
|
import { api } from '../parity';
|
|
|
|
import DappsStore from '../dappsStore';
|
|
|
|
import ModalStore from '../modalStore';
|
|
|
|
|
|
|
|
import Button from '../Button';
|
|
|
|
import Modal from '../Modal';
|
|
|
|
|
|
|
|
import styles from '../Modal/modal.css';
|
|
|
|
|
|
|
|
const HEADERS = [
|
|
|
|
'Error During Deletion',
|
|
|
|
'Confirm Application Deletion',
|
|
|
|
'Waiting for Signer Confirmation',
|
|
|
|
'Waiting for Transaction Receipt',
|
|
|
|
'Deletion Completed'
|
|
|
|
];
|
|
|
|
const STEP_ERROR = 0;
|
|
|
|
const STEP_CONFIRM = 1;
|
|
|
|
const STEP_SIGNER = 2;
|
|
|
|
const STEP_TXRECEIPT = 3;
|
|
|
|
const STEP_DONE = 4;
|
|
|
|
|
|
|
|
@observer
|
|
|
|
export default class ModalDelete extends Component {
|
|
|
|
dappsStore = DappsStore.instance();
|
|
|
|
modalStore = ModalStore.instance();
|
|
|
|
|
|
|
|
render () {
|
|
|
|
if (!this.modalStore.showingDelete) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<Modal
|
|
|
|
buttons={ this.renderButtons() }
|
|
|
|
error={ this.modalStore.errorDelete }
|
2017-01-18 13:05:01 +01:00
|
|
|
header={ HEADERS[this.modalStore.stepDelete] }
|
|
|
|
>
|
2016-11-22 11:54:20 +01:00
|
|
|
{ this.renderStep() }
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
renderButtons () {
|
|
|
|
switch (this.modalStore.stepDelete) {
|
|
|
|
case STEP_ERROR:
|
|
|
|
case STEP_DONE:
|
|
|
|
return [
|
|
|
|
<Button
|
|
|
|
key='close'
|
|
|
|
label='Close'
|
2017-01-18 13:05:01 +01:00
|
|
|
onClick={ this.onClickClose }
|
|
|
|
/>
|
2016-11-22 11:54:20 +01:00
|
|
|
];
|
|
|
|
case STEP_CONFIRM:
|
|
|
|
return [
|
|
|
|
<Button
|
|
|
|
key='cancel'
|
|
|
|
label='No, Cancel'
|
2017-01-18 13:05:01 +01:00
|
|
|
onClick={ this.onClickClose }
|
|
|
|
/>,
|
2016-11-22 11:54:20 +01:00
|
|
|
<Button
|
|
|
|
key='delete'
|
|
|
|
label='Yes, Delete'
|
|
|
|
warning
|
2017-01-18 13:05:01 +01:00
|
|
|
onClick={ this.onClickYes }
|
|
|
|
/>
|
2016-11-22 11:54:20 +01:00
|
|
|
];
|
|
|
|
default:
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
renderStep () {
|
|
|
|
switch (this.modalStore.stepDelete) {
|
|
|
|
case STEP_CONFIRM:
|
|
|
|
return this.renderStepConfirm();
|
|
|
|
case STEP_SIGNER:
|
|
|
|
return this.renderStepWait('Waiting for transaction confirmation in the Parity secure signer');
|
|
|
|
case STEP_TXRECEIPT:
|
|
|
|
return this.renderStepWait('Waiting for the transaction receipt from the network');
|
|
|
|
case STEP_DONE:
|
|
|
|
return this.renderStepCompleted();
|
|
|
|
default:
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
renderStepCompleted () {
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div className={ styles.section }>
|
|
|
|
Your application has been removed from the registry.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
renderStepConfirm () {
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div className={ styles.section }>
|
|
|
|
You are about to remove a distributed application from the registry, the details of this application is given below. Removal does not return any fees, however the application will not be available to users anymore.
|
|
|
|
</div>
|
|
|
|
<div className={ styles.section }>
|
|
|
|
<div className={ styles.heading }>
|
|
|
|
Owner account
|
|
|
|
</div>
|
|
|
|
<div className={ styles.account }>
|
|
|
|
<img src={ api.util.createIdentityImg(this.dappsStore.currentApp.owner, 3) } />
|
|
|
|
<div>{ this.dappsStore.currentApp.ownerName }</div>
|
|
|
|
<div className={ styles.address }>{ this.dappsStore.currentApp.owner }</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className={ styles.section }>
|
|
|
|
<div className={ styles.heading }>
|
|
|
|
Application identifier
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
{ this.dappsStore.currentApp.id }
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
renderStepWait (waitingFor) {
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div className={ styles.section }>
|
|
|
|
{ waitingFor }
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
onClickClose = () => {
|
|
|
|
this.modalStore.hideDelete();
|
|
|
|
}
|
|
|
|
|
|
|
|
onClickYes = () => {
|
|
|
|
this.modalStore.doDelete();
|
|
|
|
}
|
|
|
|
}
|