Use Link component instead of raw <a>

This commit is contained in:
domyen 2019-02-06 17:50:06 -05:00
parent 6505ec2bfa
commit 65239eefd4
2 changed files with 5 additions and 10 deletions

View File

@ -6,7 +6,7 @@ import { styled } from '@storybook/theming';
import copy from 'copy-to-clipboard';
import { STORY_CHANGED } from '@storybook/core-events';
import { Placeholder, TabWrapper, TabsState, ActionBar } from '@storybook/components';
import { Placeholder, TabWrapper, TabsState, ActionBar, Link } from '@storybook/components';
import { RESET, SET, CHANGE, SET_OPTIONS, CLICK } from '../shared';
import Types from './types';
@ -174,13 +174,12 @@ export default class KnobPanel extends PureComponent {
<Fragment>No knobs found</Fragment>
<Fragment>
Learn how to{' '}
<a
<Link
href="https://github.com/storybooks/storybook/tree/master/addons/knobs"
target="_blank"
rel="noopener noreferrer"
>
dynamically interact with components
</a>{' '}
</Link>{' '}
using knobs.
</Fragment>
</Placeholder>

View File

@ -88,13 +88,9 @@ const SidebarStories = React.memo(({ stories, storyId, loading, className, ...re
<Fragment key="title">No stories found</Fragment>
<Fragment>
Learn how to{' '}
<a
href="https://storybook.js.org/basics/writing-stories/"
target="_blank"
rel="noopener noreferrer"
>
<Link href="https://storybook.js.org/basics/writing-stories/" target="_blank">
write stories
</a>
</Link>
</Fragment>
</Placeholder>
</Wrapper>