New: Additional tooltips for icon buttons

This commit is contained in:
Stevie Robinson 2023-10-10 05:40:00 +02:00 committed by GitHub
parent 732c2fe12f
commit 8c07f0d3d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 0 deletions

View File

@ -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>
} }

View File

@ -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}

View File

@ -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>

View File

@ -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