diff --git a/src/components/dialog/error-dialog.css b/src/components/dialog/error-dialog.css index f375b00076b3628c076a8277c57a62c9cac15b47..02e9b3a1eae2d741aa5f835cdf59ecc137e57c69 100644 --- a/src/components/dialog/error-dialog.css +++ b/src/components/dialog/error-dialog.css @@ -9,8 +9,4 @@ .modal-header{ background-color: rgb(241, 185, 185); color: rgb(138, 41, 41); -} - -.details{ - clear: left; } \ No newline at end of file diff --git a/src/components/dialog/error-dialog.js b/src/components/dialog/error-dialog.js index ee0dc909a18e53e514605e919f09e0550231e6c5..67746983eafb8e1ea2d304d4ec6f73e3ff134ee0 100644 --- a/src/components/dialog/error-dialog.js +++ b/src/components/dialog/error-dialog.js @@ -41,7 +41,7 @@ class ErrorDialog extends React.Component{ } render(){ - const error = this.state.error; + let error = this.state.error; return ( <div> {error? @@ -53,18 +53,18 @@ class ErrorDialog extends React.Component{ <Modal.Body> {error.message} {this.state.isErrorSourceDisplayed - ? <div className="details"> + ? <div> {!error.code && !error.data && !error.stack ? <h6>No scary details</h6> : null} - {this.state.error.code - ? <div><h6>Code</h6><pre>{this.state.error.code}</pre></div> + {error.code + ? <div><h6>Code</h6><pre>{error.code}</pre></div> : null} - {this.state.error.data - ? <div><h6>Data</h6><pre>{this.state.error.data}</pre></div> + {error.data + ? <div><h6>Data</h6><pre>{error.data}</pre></div> : null} - {this.state.error.stack - ? <div><h6>Stack Trace</h6><pre>{this.state.error.stack}</pre></div> + {error.stack + ? <div><h6>Stack Trace</h6><pre>{error.stack}</pre></div> : null} </div> : null