From 89c2f2199b9bdf02260df41074f146f86eb1b676 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Fri, 25 May 2018 00:58:06 +0530
Subject: [PATCH] add back xlinkhref svgs

---
 webmaker/src/components/ContentWrap.jsx |  4 +++-
 webmaker/src/components/Footer.jsx      | 20 ++++++++++++++++++--
 webmaker/src/components/MainHeader.jsx  |  8 +++++---
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/webmaker/src/components/ContentWrap.jsx b/webmaker/src/components/ContentWrap.jsx
index daf9927..173de97 100644
--- a/webmaker/src/components/ContentWrap.jsx
+++ b/webmaker/src/components/ContentWrap.jsx
@@ -457,7 +457,9 @@ export default class ContentWrap extends Component {
 										title="Clear console (CTRL + L)"
 										d-click="onClearConsoleBtnClick"
 									>
-										Clear
+										<svg>
+											<use xlinkHref="#cancel-icon" />
+										</svg>
 									</a>
 									<a
 										class="code-wrap__header-btn  code-wrap__collapse-btn"
diff --git a/webmaker/src/components/Footer.jsx b/webmaker/src/components/Footer.jsx
index 3733776..0aee9ab 100644
--- a/webmaker/src/components/Footer.jsx
+++ b/webmaker/src/components/Footer.jsx
@@ -144,7 +144,15 @@ export default class Footer extends Component {
 					class="footer__link  hint--rounded  hint--top-right hide-on-mobile"
 					aria-label="Keyboard shortcuts"
 				>
-					Keyboard
+					<svg
+						style={{
+							width: '20px',
+							height: '20px',
+							verticalAlign: 'text-bottom'
+						}}
+					>
+						<use xlinkHref="#keyboard-icon" />
+					</svg>
 				</a>
 				<a
 					class="footer__link  hint--rounded  hint--top-right"
@@ -152,7 +160,15 @@ export default class Footer extends Component {
 					href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,frontend,playground,offline"
 					target="_blank"
 				>
-					Tweet
+					<svg
+						style={{
+							width: '20px',
+							height: '20px',
+							verticalAlign: 'text-bottom'
+						}}
+					>
+						<use xlinkHref="#twitter-icon" />
+					</svg>
 				</a>
 				<a
 					d-click="openSupportDeveloperModal"
diff --git a/webmaker/src/components/MainHeader.jsx b/webmaker/src/components/MainHeader.jsx
index 0f63e51..744d316 100644
--- a/webmaker/src/components/MainHeader.jsx
+++ b/webmaker/src/components/MainHeader.jsx
@@ -18,7 +18,9 @@ export default class Header extends Component {
 						aria-label="Run preview (Ctrl/⌘ + Shift + 5)"
 						d-click="onRunBtnClick"
 					>
-						<svg style="width: 14px; height: 14px;">Play</svg>Run
+						<svg style="width: 14px; height: 14px;">
+							<use xlinkHref="#play-icon" />
+						</svg>Run
 					</a>
 
 					<a
@@ -61,7 +63,7 @@ export default class Header extends Component {
 							<path d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" />
 						</svg>
 						<svg class="btn-loader" width="15" height="15" stroke="#fff">
-							Loader
+							<use xlinkHref="#loader-icon" />
 						</svg>
 						Save
 					</a>
@@ -78,7 +80,7 @@ export default class Header extends Component {
 							<path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" />
 						</svg>
 						<svg class="btn-loader" width="15" height="15" stroke="#fff">
-							Loader
+							<use xlinkHref="#loader-icon" />
 						</svg>
 						Open
 					</a>