Added href attribute to <use> tags with deprecated xlinkHref attribute.

This commit is contained in:
Austin
2017-07-19 20:16:53 -05:00
parent 8775c63fb4
commit 73f89fc2fd
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

@@ -25,7 +25,7 @@ export default class Models extends Component {
<h4 onClick={() => layoutActions.show("models", !showModels)}> <h4 onClick={() => layoutActions.show("models", !showModels)}>
<span>Models</span> <span>Models</span>
<svg width="20" height="20"> <svg width="20" height="20">
<use xlinkHref="#large-arrow" /> <use href="#large-arrow" xlinkHref="#large-arrow" />
</svg> </svg>
</h4> </h4>
<Collapse isOpened={showModels}> <Collapse isOpened={showModels}>

View File

@@ -91,7 +91,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>