James Prado 9cac0298a2 Improve accessibility (a11y) (#1267)
* Manage modal focus

* Add isOpen prop to CustomNodeModal

* Remove outline overrides

* Update outline style for inputs

* Fix modal focus management & Cleanup CustomNodeModal

* Add aria-label on modal close button

* Fix modal scroll to top

* Add aria-live property for notifications

* Add aria-busy to Spinner component

* Fix border styles for generatewallet password inputs

* Update token balances inputs

* Remove multiple h1's & Update styles

* Add alt text to all img elements

* Update swap link from bity to shapeshift

* Update aria-labels and alt text

* Only show keystore password input when required

* Revert "Only show keystore password input when required"

This reverts commit 7ec5de52da0982cd3131f365b142f6915638d831.

* address changes requested
2018-03-08 13:28:43 -06:00

21 lines
414 B
TypeScript

import React from 'react';
import icon from 'assets/images/icon-help-3.svg';
import './Help.scss';
type Size = 'x1' | 'x2' | 'x3';
interface Props {
link: string;
size?: Size;
}
const Help = ({ size = 'x1', link }: Props) => {
return (
<a href={link} className={`Help Help-${size}`} target="_blank" rel="noopener noreferrer">
<img src={icon} alt="help" />
</a>
);
};
export default Help;