Merge pull request #3418 from aleatham/xlink-deprecated

Added href attribute to <use> tags with deprecated xlinkHref attribute.
This commit is contained in:
Kyle
2017-08-11 16:53:01 -07:00
committed by GitHub
5 changed files with 5 additions and 5 deletions

View File

@@ -23,7 +23,7 @@ export default class AuthorizationPopup extends React.Component {
<h3>Available authorizations</h3> <h3>Available authorizations</h3>
<button type="button" className="close-modal" onClick={ this.close }> <button type="button" className="close-modal" onClick={ this.close }>
<svg width="20" height="20"> <svg width="20" height="20">
<use xlinkHref="#close" /> <use href="#close" xlinkHref="#close" />
</svg> </svg>
</button> </button>
</div> </div>

View File

@@ -25,7 +25,7 @@ export default class AuthorizeBtn extends React.Component {
<button className={isAuthorized ? "btn authorize locked" : "btn authorize unlocked"} onClick={ this.onClick }> <button className={isAuthorized ? "btn authorize locked" : "btn authorize unlocked"} onClick={ this.onClick }>
<span>Authorize</span> <span>Authorize</span>
<svg width="20" height="20"> <svg width="20" height="20">
<use xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } /> <use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
</svg> </svg>
</button> </button>
{ showPopup && <AuthorizationPopup /> } { showPopup && <AuthorizationPopup /> }

View File

@@ -24,7 +24,7 @@ export default class AuthorizeOperationBtn extends React.Component {
return ( return (
<button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"} onClick={ this.onClick }> <button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"} onClick={ this.onClick }>
<svg width="20" height="20"> <svg width="20" height="20">
<use xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } /> <use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
</svg> </svg>
</button> </button>

View File

@@ -24,7 +24,7 @@ export default class Models extends Component {
return <section className={ showModels ? "models is-open" : "models"}> return <section className={ showModels ? "models is-open" : "models"}>
<h4 onClick={() => layoutActions.show("models", !showModels)}> <h4 onClick={() => layoutActions.show("models", !showModels)}>
<span>Models</span> <span>Models</span>
<svg className="arrow" width="20" height="20"> <svg width="20" height="20">
<use xlinkHref={showModels ? "#large-arrow-down" : "#large-arrow"} /> <use xlinkHref={showModels ? "#large-arrow-down" : "#large-arrow"} />
</svg> </svg>
</h4> </h4>

View File

@@ -109,7 +109,7 @@ export default class Operations extends React.Component {
<button className="expand-operation" title="Expand operation" onClick={() => layoutActions.show(isShownKey, !showTag)}> <button className="expand-operation" title="Expand operation" onClick={() => layoutActions.show(isShownKey, !showTag)}>
<svg className="arrow" width="20" height="20"> <svg className="arrow" width="20" height="20">
<use xlinkHref={showTag ? "#large-arrow-down" : "#large-arrow"} /> <use href={showTag ? "#large-arrow-down" : "#large-arrow"} xlinkHref={showTag ? "#large-arrow-down" : "#large-arrow"} />
</svg> </svg>
</button> </button>
</h4> </h4>