LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Convert error modal to use ExpandableModal component

Browse source
This commit is contained in:
Alex Liebowitz 2017-02-25 02:57:29 -05:00
parent 08c4a5173a
commit eaa0b7ba01
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -13,7 +13,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
* *
### Changed ### Changed
* * In error modal, hide details in expandable section
* *
* *

13
js/app.js
View file

@ -18,7 +18,7 @@ import DeveloperPage from './page/developer.js';
import {FileListDownloaded, FileListPublished} from './page/file-list.js'; import {FileListDownloaded, FileListPublished} from './page/file-list.js';
import Drawer from './component/drawer.js'; import Drawer from './component/drawer.js';
import Header from './component/header.js'; import Header from './component/header.js';
import Modal from './component/modal.js'; import {Modal, ExpandableModal} from './component/modal.js';
import {Link} from './component/link.js'; import {Link} from './component/link.js';
@ -236,19 +236,16 @@ var App = React.createClass({
Downloading Update: {this.state.downloadProgress}% Complete Downloading Update: {this.state.downloadProgress}% Complete
<Line percent={this.state.downloadProgress} strokeWidth="4"/> <Line percent={this.state.downloadProgress} strokeWidth="4"/>
</Modal> </Modal>
<Modal isOpen={this.state.modal == 'error'} contentLabel="Error" type="custom" <ExpandableModal isOpen={this.state.modal == 'error'} contentLabel="Error" className="error-modal"
className="error-modal" overlayClassName="error-modal-overlay" > overlayClassName="error-modal-overlay" onConfirmed={this.closeModal}
extraContent={this.state.errorInfo}>
<h3 className="modal__header">Error</h3> <h3 className="modal__header">Error</h3>
<div className="error-modal__content"> <div className="error-modal__content">
<div><img className="error-modal__warning-symbol" src={lbry.imagePath('warning.png')} /></div> <div><img className="error-modal__warning-symbol" src={lbry.imagePath('warning.png')} /></div>
<p>We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem.</p> <p>We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem.</p>
</div> </div>
{this.state.errorInfo} </ExpandableModal>
<div className="modal__buttons">
<Link button="alt" label="OK" className="modal__button" onClick={this.closeModal} />
</div>
</Modal>
</div> </div>
); );
} }