From 73f89fc2fd44c2f3e4926eb5bf555285a6c87545 Mon Sep 17 00:00:00 2001
From: Austin <aleatham@gmail.com>
Date: Wed, 19 Jul 2017 20:16:53 -0500
Subject: [PATCH] Added href attribute to <use> tags with deprecated xlinkHref
 attribute.

---
 src/core/components/auth/authorization-popup.jsx     | 2 +-
 src/core/components/auth/authorize-btn.jsx           | 2 +-
 src/core/components/auth/authorize-operation-btn.jsx | 2 +-
 src/core/components/models.jsx                       | 2 +-
 src/core/components/operations.jsx                   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/core/components/auth/authorization-popup.jsx b/src/core/components/auth/authorization-popup.jsx
index 887a06a5..0746bcb5 100644
--- a/src/core/components/auth/authorization-popup.jsx
+++ b/src/core/components/auth/authorization-popup.jsx
@@ -23,7 +23,7 @@ export default class AuthorizationPopup extends React.Component {
                 <h3>Available authorizations</h3>
                 <button type="button" className="close-modal" onClick={ this.close }>
                   <svg width="20" height="20">
-                    <use xlinkHref="#close" />
+                    <use href="#close" xlinkHref="#close" />
                   </svg>
                 </button>
               </div>
diff --git a/src/core/components/auth/authorize-btn.jsx b/src/core/components/auth/authorize-btn.jsx
index b7266bce..6106dfd6 100644
--- a/src/core/components/auth/authorize-btn.jsx
+++ b/src/core/components/auth/authorize-btn.jsx
@@ -25,7 +25,7 @@ export default class AuthorizeBtn extends React.Component {
         <button className={isAuthorized ? "btn authorize locked" : "btn authorize unlocked"} onClick={ this.onClick }>
           <span>Authorize</span>
           <svg width="20" height="20">
-            <use xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
+            <use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
           </svg>
         </button>
       { showPopup && <AuthorizationPopup /> }
diff --git a/src/core/components/auth/authorize-operation-btn.jsx b/src/core/components/auth/authorize-operation-btn.jsx
index 2753bffe..7c2f2448 100644
--- a/src/core/components/auth/authorize-operation-btn.jsx
+++ b/src/core/components/auth/authorize-operation-btn.jsx
@@ -24,7 +24,7 @@ export default class AuthorizeOperationBtn extends React.Component {
     return (
       <button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"} onClick={ this.onClick }>
         <svg width="20" height="20">
-          <use xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
+          <use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
         </svg>
       </button>
 
diff --git a/src/core/components/models.jsx b/src/core/components/models.jsx
index c61ae0c9..f31c6c4a 100644
--- a/src/core/components/models.jsx
+++ b/src/core/components/models.jsx
@@ -25,7 +25,7 @@ export default class Models extends Component {
       <h4 onClick={() => layoutActions.show("models", !showModels)}>
         <span>Models</span>
         <svg width="20" height="20">
-          <use xlinkHref="#large-arrow" />
+          <use href="#large-arrow" xlinkHref="#large-arrow" />
         </svg>
       </h4>
       <Collapse isOpened={showModels}>
diff --git a/src/core/components/operations.jsx b/src/core/components/operations.jsx
index c9031651..8e1ccded 100644
--- a/src/core/components/operations.jsx
+++ b/src/core/components/operations.jsx
@@ -91,7 +91,7 @@ export default class Operations extends React.Component {
 
                     <button className="expand-operation" title="Expand operation" onClick={() => layoutActions.show(isShownKey, !showTag)}>
                       <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>
                     </button>
                   </h4>