diff --git a/app/components/PubMedSearch.jsx b/app/components/PubMedSearch.jsx index 76060be23082540ea1153bca77f4b5e8c3128031..893e932a86329caffdaf5525869f7706fc215430 100644 --- a/app/components/PubMedSearch.jsx +++ b/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 && (