Merge pull request #3418 from aleatham/xlink-deprecated
Added href attribute to <use> tags with deprecated xlinkHref attribute.
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 /> }
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user