kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improvement: Move inline styles to SCSS instead (#5578)

Browse Source 
* fix: convert propStyle to propClass
This commit is contained in:
tomdegoede
2020-06-11 01:39:48 +02:00
committed by GitHub
parent 67627d7587
commit fc3ed30f3d
30 changed files with 282 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/plugins/topbar/topbar.jsx
View File

@@ -104,10 +104,10 @@ export default class Topbar extends React.Component {
let isLoading = specSelectors.loadingStatus() === "loading"
let isFailed = specSelectors.loadingStatus() === "failed"
let inputStyle = {}
if(isFailed) inputStyle.color = "red"
if(isLoading) inputStyle.color = "#aaa"
const classNames = ["download-url-input"]
if (isFailed) classNames.push("failed")
if (isLoading) classNames.push("loading")
const { urls } = getConfigs()
let control = []
let formOnSubmit = null
@@ -128,7 +128,7 @@ export default class Topbar extends React.Component {
}
else {
formOnSubmit = this.downloadUrl
control.push(<input className="download-url-input" type="text" onChange={ this.onUrlChange } value={this.state.url} disabled={isLoading} style={inputStyle} />)
control.push(<input className={classNames.join(" ")} type="text" onChange={ this.onUrlChange } value={this.state.url} disabled={isLoading} />)
control.push(<Button className="download-url-button" onClick={ this.downloadUrl }>Explore</Button>)
}