link color fixed in search result link; DRY

app/components/PubMedSearch.jsx

@@ -3,9 +3,8 @@ import ReactDOM from 'react-dom'
 import { withRouter } from 'react-router-dom'
 import styled from 'styled-components'
 import { th } from '@pubsweet/ui-toolkit'
-import { Button, Icon, H2, Link } from '@pubsweet/ui'
+import { Action, Button, Icon, H2, Link } from '@pubsweet/ui'
 import {
-  A,
   B,
   Buttons,
   Close,
@@ -27,7 +26,7 @@ const SearchArea = styled.div`
 `
 const Notice = styled.p`
   margin: 0 auto calc(${th('gridUnit')} * 3);
-  a {
+  button {
     display: flex;
     align-items: center;
     justify-content: flex-start;
@@ -218,22 +217,15 @@ class PubMedSearch extends React.Component {
               <Notice>
                 <B>Select your citation from results</B>
                 <br />
-                {this.state.hitcount === 0 && (
-                  <A onClick={() => this.setState({ unmatched: true })}>
-                    <Icon color="currentColor" size={2}>
-                      info
-                    </Icon>{' '}
-                    No results found. Click to enter citation manually.
-                  </A>
-                )}
-                {this.state.results.length > 0 && (
-                  <A onClick={() => this.setState({ unmatched: true })}>
-                    <Icon color="currentColor" size={2}>
-                      info
-                    </Icon>{' '}
-                    Manuscript not in results? Click to enter citation manually.
-                  </A>
-                )}
+                <Action onClick={() => this.setState({ unmatched: true })}>
+                  <Icon color="currentColor" size={2}>
+                    info
+                  </Icon>
+                  {this.state.hitcount === 0 &&
+                    'No results found. Click to enter citation manually.'}
+                  {this.state.results.length > 0 &&
+                    'Manuscript not in results? Click to enter citation manually'}
+                </Action>
               </Notice>
             )}
             {this.state.results.length > 0 && (