New: Additional tooltips for icon buttons

(cherry picked from commit 8c07f0d3d19a48ed96d1ded54399c66bf2977b2a)
pull/1889/head
Stevie Robinson 1 year ago committed by Bogdan
parent 34464160cb
commit 09bf1500d6

@ -3,6 +3,7 @@ import React from 'react';
import Icon from 'Components/Icon'; import Icon from 'Components/Icon';
import Link from 'Components/Link/Link'; import Link from 'Components/Link/Link';
import { icons } from 'Helpers/Props'; import { icons } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
import styles from './ModalContent.css'; import styles from './ModalContent.css';
function ModalContent(props) { function ModalContent(props) {
@ -28,6 +29,7 @@ function ModalContent(props) {
<Icon <Icon
name={icons.CLOSE} name={icons.CLOSE}
size={18} size={18}
title={translate('Close')}
/> />
</Link> </Link>
} }

@ -78,6 +78,7 @@ class PageHeader extends Component {
aria-label="Donate" aria-label="Donate"
to="https://prowlarr.com/donate" to="https://prowlarr.com/donate"
size={14} size={14}
title={translate('Donate')}
/> />
<IconButton <IconButton
className={styles.translate} className={styles.translate}

@ -24,6 +24,7 @@ function PageHeaderActionsMenu(props) {
<MenuButton className={styles.menuButton} aria-label="Menu Button"> <MenuButton className={styles.menuButton} aria-label="Menu Button">
<Icon <Icon
name={icons.INTERACTIVE} name={icons.INTERACTIVE}
title={translate('Menu')}
/> />
</MenuButton> </MenuButton>

Loading…
Cancel
Save