Skip to content

C
coopwire-hypothesis
Commit 487b2e41 authored by Lyza Danger Gardner's avatar Lyza Danger Gardner Committed by Lyza Gardner
Browse files
Options

Use `Icon` in HelpPanel

parent 4349f633
Hide whitespace changes
Inline Side-by-side
Showing with 5 additions and 13 deletions
src/sidebar/components/HelpPanel.js
View file @ 487b2e41
import { SvgIcon } from '@hypothesis/frontend-shared'; import { Icon } from '@hypothesis/frontend-shared';
import { useCallback, useMemo, useState } from 'preact/hooks'; import { useCallback, useMemo, useState } from 'preact/hooks';
import { useStoreProxy } from '../store/use-store'; import { useStoreProxy } from '../store/use-store';
...@@ -25,16 +25,11 @@ function HelpPanelTab({ linkText, url }) { ...@@ -25,16 +25,11 @@ function HelpPanelTab({ linkText, url }) {
<div className="HelpPanel-tabs__tab"> <div className="HelpPanel-tabs__tab">
<a <a
href={url} href={url}
className="HelpPanel-tabs__link" className="hyp-u-horizontal-spacing--2 hyp-u-layout-row--center HelpPanel-tabs__link"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
{linkText}{' '} <span>{linkText}</span> <Icon name="external" classes="u-icon--small" />
<SvgIcon
name="external"
className="HelpPanel-tabs__icon"
inline={true}
/>
</a> </a>
</div> </div>
); );
...@@ -130,10 +125,7 @@ function HelpPanel({ auth, session }) { ...@@ -130,10 +125,7 @@ function HelpPanel({ auth, session }) {
aria-label="Show tutorial panel" aria-label="Show tutorial panel"
> >
Getting started Getting started
<SvgIcon <Icon name="arrow-right" />
name="arrow-right"
className="HelpPanel__sub-panel-link-icon"
/>
</button> </button>
)} )}
{activeSubPanel === 'tutorial' && ( {activeSubPanel === 'tutorial' && (
...@@ -143,7 +135,7 @@ function HelpPanel({ auth, session }) { ...@@ -143,7 +135,7 @@ function HelpPanel({ auth, session }) {
aria-label="Show version information panel" aria-label="Show version information panel"
> >
About this version About this version
<SvgIcon name="arrow-right" /> <Icon name="arrow-right" />
</button> </button>
)} )}
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment