add icons for external-links

src/renderer/component/externalLink/view.jsx

@@ -1,6 +1,7 @@
 // @flow
 import * as React from 'react';
 import { MODALS, isURIValid } from 'lbry-redux';
+import * as icons from 'constants/icons';
 import Button from 'component/button';
 
 type Props = {
@@ -32,12 +33,12 @@ class ExternalLink extends React.PureComponent<Props> {
       element = (
         <Button
           button="link"
+          icon={icons.EXTERNAL_LINK}
           title={title || href}
+          label={children}
           className="btn--external-link"
           onClick={() => openModal({ id: MODALS.CONFIRM_EXTERNAL_LINK }, { uri: href })}
-        >
+        />
-          {children}
-        </Button>
       );
     }
 
@@ -47,10 +48,10 @@ class ExternalLink extends React.PureComponent<Props> {
         <Button
           button="link"
           title={title || href}
+          icon={icons.LINK}
+          label={children}
           onClick={() => navigate('/show', { uri: href })}
-        >
+        />
-          {children}
-        </Button>
       );
     }
 

src/renderer/constants/icons.js

@@ -26,3 +26,5 @@ export const HEART = 'Heart';
 export const UNLOCK = 'Unlock';
 export const CHECK_SIMPLE = 'Check';
 export const GLOBE = 'Globe';
+export const LINK = 'Link';
+export const EXTERNAL_LINK = 'ExternalLink';