import * as PropTypes from 'prop-types';
import { Link } from 'react-router';
import { SuggestionLink } from './SuggestionsProvider';
-import * as theme from '../../../app/theme';
import BubblePopup, { BubblePopupPosition } from '../../../components/common/BubblePopup';
-import DetachIcon from '../../../components/icons-components/DetachIcon';
import { translate } from '../../../helpers/l10n';
import { getBaseUrl } from '../../../helpers/urls';
{this.renderTitle(translate('embed_docs.suggestion'))}
{this.props.suggestions.map((suggestion, index) => (
<li key={index}>
- <Link className="display-flex-center" target="_blank" to={suggestion.link}>
+ <Link onClick={this.props.onClose} to={suggestion.link}>
{suggestion.text}
- <DetachIcon className="spacer-left" fill={theme.gray80} size={12} />
</Link>
</li>
))}
<ul className="menu">
{this.renderSuggestions()}
<li>
- <Link className="display-flex-center" target="_blank" to="/documentation">
+ <Link onClick={this.props.onClose} to="/documentation">
{translate('embed_docs.documentation_index')}
- <DetachIcon className="spacer-left" fill={theme.gray80} size={12} />
</Link>
</li>
<li>
key="0"
>
<Link
- className="display-flex-center"
+ onClick={[MockFunction]}
onlyActiveOnIndex={false}
style={Object {}}
- target="_blank"
to="#"
>
foo
- <DetachIcon
- className="spacer-left"
- fill="#cdcdcd"
- size={12}
- />
</Link>
</li>
<li
key="1"
>
<Link
- className="display-flex-center"
+ onClick={[MockFunction]}
onlyActiveOnIndex={false}
style={Object {}}
- target="_blank"
to="#"
>
bar
- <DetachIcon
- className="spacer-left"
- fill="#cdcdcd"
- size={12}
- />
</Link>
</li>
<li
</React.Fragment>
<li>
<Link
- className="display-flex-center"
+ onClick={[MockFunction]}
onlyActiveOnIndex={false}
style={Object {}}
- target="_blank"
to="/documentation"
>
embed_docs.documentation_index
- <DetachIcon
- className="spacer-left"
- fill="#cdcdcd"
- size={12}
- />
</Link>
</li>
<li>