New: Additional tooltips for icon buttons
This commit is contained in:
parent
732c2fe12f
commit
8c07f0d3d1
|
@ -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>
|
||||||
}
|
}
|
||||||
|
|
|
@ -81,6 +81,7 @@ class PageHeader extends Component {
|
||||||
aria-label={translate('Donate')}
|
aria-label={translate('Donate')}
|
||||||
to="https://sonarr.tv/donate.html"
|
to="https://sonarr.tv/donate.html"
|
||||||
size={14}
|
size={14}
|
||||||
|
title={translate('Donate')}
|
||||||
/>
|
/>
|
||||||
<PageHeaderActionsMenuConnector
|
<PageHeaderActionsMenuConnector
|
||||||
onKeyboardShortcutsPress={this.onOpenKeyboardShortcutsModal}
|
onKeyboardShortcutsPress={this.onOpenKeyboardShortcutsModal}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -4,6 +4,7 @@ import IconButton from 'Components/Link/IconButton';
|
||||||
import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
|
import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
|
||||||
import TableRowCell from 'Components/Table/Cells/TableRowCell';
|
import TableRowCell from 'Components/Table/Cells/TableRowCell';
|
||||||
import { icons } from 'Helpers/Props';
|
import { icons } from 'Helpers/Props';
|
||||||
|
import translate from 'Utilities/String/translate';
|
||||||
import EpisodeDetailsModal from './EpisodeDetailsModal';
|
import EpisodeDetailsModal from './EpisodeDetailsModal';
|
||||||
import styles from './EpisodeSearchCell.css';
|
import styles from './EpisodeSearchCell.css';
|
||||||
|
|
||||||
|
@ -50,11 +51,13 @@ class EpisodeSearchCell extends Component {
|
||||||
name={icons.SEARCH}
|
name={icons.SEARCH}
|
||||||
isSpinning={isSearching}
|
isSpinning={isSearching}
|
||||||
onPress={onSearchPress}
|
onPress={onSearchPress}
|
||||||
|
title={translate('AutomaticSearch')}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<IconButton
|
<IconButton
|
||||||
name={icons.INTERACTIVE}
|
name={icons.INTERACTIVE}
|
||||||
onPress={this.onManualSearchPress}
|
onPress={this.onManualSearchPress}
|
||||||
|
title={translate('InteractiveSearch')}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<EpisodeDetailsModal
|
<EpisodeDetailsModal
|
||||||
|
|
Loading…
Reference in New Issue