Improve a handful of error surfacing messages

`Spec` => `API definition`, notably.
This commit is contained in:
Kyle Shockey
2017-12-12 13:31:21 -08:00
parent 00f4fb3326
commit dfa96e66a4
2 changed files with 3 additions and 3 deletions

View File

@@ -65,7 +65,7 @@ export default class BaseLayout extends React.Component {
if(isLoading) { if(isLoading) {
loadingMessage = <div className="loading"></div> loadingMessage = <div className="loading"></div>
} else { } else {
loadingMessage = <h4>No spec provided.</h4> loadingMessage = <h4>No API definition provided.</h4>
} }
return <div className="swagger-ui"> return <div className="swagger-ui">

View File

@@ -42,13 +42,13 @@ export default class StandaloneLayout extends React.Component {
{ loadingStatus === "failed" && { loadingStatus === "failed" &&
<div className="info"> <div className="info">
<div className="loading-container"> <div className="loading-container">
<h4 className="title">Failed to load spec.</h4> <h4 className="title">Failed to load API definition.</h4>
</div> </div>
</div> </div>
} }
{ loadingStatus === "failedConfig" && { loadingStatus === "failedConfig" &&
<div className="info" style={{ maxWidth: "880px", marginLeft: "auto", marginRight: "auto", textAlign: "center" }}> <div className="info" style={{ maxWidth: "880px", marginLeft: "auto", marginRight: "auto", textAlign: "center" }}>
<h4 className="title">Failed to load config.</h4> <h4 className="title">Failed to load remote configuration.</h4>
</div> </div>
} }
{ !loadingStatus || loadingStatus === "success" && <BaseLayout /> } { !loadingStatus || loadingStatus === "success" && <BaseLayout /> }