From 1154525111afd1b88998264b112cfa5c3b5cae2c Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 5 Sep 2019 16:00:25 +0200
Subject: [PATCH] Remove unicode icons (crappy on FF) (#138)

---
 package.json                                       | 1 +
 packages/extension-ui/src/Popup/Accounts/index.tsx | 4 ++--
 packages/extension-ui/src/components/Link.tsx      | 1 +
 packages/extension-ui/src/components/index.ts      | 1 -
 packages/extension-ui/src/partials/Back.tsx        | 4 ++--
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 09491c88..05acf65c 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "lint": "eslint --ext .js,.jsx,.ts,.tsx . && tsc --noEmit --pretty",
     "clean": "polkadot-dev-clean-build",
     "postinstall": "polkadot-dev-yarn-only",
+    "start": "yarn watch",
     "test": "echo \"no tests... yet\"",
     "watch": "cd packages/extension && webpack --config webpack.config.js --watch"
   },
diff --git a/packages/extension-ui/src/Popup/Accounts/index.tsx b/packages/extension-ui/src/Popup/Accounts/index.tsx
index c6372b20..e4bf46db 100644
--- a/packages/extension-ui/src/Popup/Accounts/index.tsx
+++ b/packages/extension-ui/src/Popup/Accounts/index.tsx
@@ -4,7 +4,7 @@
 
 import React, { useContext } from 'react';
 
-import { AccountContext, Button, Header, Link, Tip, unicode } from '../../components';
+import { AccountContext, Button, Header, Link, Tip } from '../../components';
 import Account from './Account';
 
 export default function Accounts (): React.ReactElement<{}> {
@@ -14,7 +14,7 @@ export default function Accounts (): React.ReactElement<{}> {
     <div>
       <Header
         label='accounts'
-        labelExtra={<Link to='/settings'>Settings {unicode.FWD}</Link>}
+        labelExtra={<Link to='/settings'>Settings</Link>}
       />
       {
         (accounts.length === 0)
diff --git a/packages/extension-ui/src/components/Link.tsx b/packages/extension-ui/src/components/Link.tsx
index 30e59b48..9dacf4d5 100644
--- a/packages/extension-ui/src/components/Link.tsx
+++ b/packages/extension-ui/src/components/Link.tsx
@@ -28,6 +28,7 @@ export default styled(Link)`
   color: ${({ isDanger }): string => isDanger ? defaults.linkColorDanger : defaults.linkColor};
   opacity: 0.9;
   text-decoration: none;
+  vertical-align: middle;
 
   &:hover {
     color: ${({ isDanger }): string => isDanger ? defaults.linkColorDanger : defaults.linkColor};
diff --git a/packages/extension-ui/src/components/index.ts b/packages/extension-ui/src/components/index.ts
index 86e78c33..ff2f4507 100644
--- a/packages/extension-ui/src/components/index.ts
+++ b/packages/extension-ui/src/components/index.ts
@@ -19,4 +19,3 @@ export { default as View } from './View';
 
 export * from './contexts';
 export { default as defaults } from './defaults';
-export { default as unicode } from './unicode';
diff --git a/packages/extension-ui/src/partials/Back.tsx b/packages/extension-ui/src/partials/Back.tsx
index 7572d6f3..1d707a45 100644
--- a/packages/extension-ui/src/partials/Back.tsx
+++ b/packages/extension-ui/src/partials/Back.tsx
@@ -5,7 +5,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { Link, unicode } from '../components';
+import { Link } from '../components';
 
 interface Props {
   className?: string;
@@ -15,7 +15,7 @@ interface Props {
 function Back ({ className, to = '/' }: Props): React.ReactElement<Props> {
   return (
     <div className={className}>
-      <Link to={to}>{unicode.BACK} Back</Link>
+      <Link to={to}>Back</Link>
     </div>
   );
 }