New: Additional tooltips for icon buttons

(cherry picked from commit 8c07f0d3d19a48ed96d1ded54399c66bf2977b2a)

Closes #4183
pull/4547/head
Stevie Robinson 1 year ago committed by Bogdan
parent fcfd4e401e
commit cf33d433a4

@ -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 AlbumInteractiveSearchModalConnector from './Search/AlbumInteractiveSearchModalConnector'; import AlbumInteractiveSearchModalConnector from './Search/AlbumInteractiveSearchModalConnector';
import styles from './AlbumSearchCell.css'; import styles from './AlbumSearchCell.css';
@ -49,11 +50,13 @@ class AlbumSearchCell 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')}
/> />
<AlbumInteractiveSearchModalConnector <AlbumInteractiveSearchModalConnector

@ -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="Donate" aria-label="Donate"
to="https://lidarr.audio/donate" to="https://lidarr.audio/donate"
size={14} size={14}
title={translate('Donate')}
/> />
<IconButton <IconButton
className={styles.translation} className={styles.translation}

@ -7,6 +7,7 @@ import MenuContent from 'Components/Menu/MenuContent';
import MenuItem from 'Components/Menu/MenuItem'; import MenuItem from 'Components/Menu/MenuItem';
import MenuItemSeparator from 'Components/Menu/MenuItemSeparator'; import MenuItemSeparator from 'Components/Menu/MenuItemSeparator';
import { align, icons, kinds } from 'Helpers/Props'; import { align, icons, kinds } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
import styles from './PageHeaderActionsMenu.css'; import styles from './PageHeaderActionsMenu.css';
function PageHeaderActionsMenu(props) { function PageHeaderActionsMenu(props) {
@ -23,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>
@ -32,7 +34,7 @@ function PageHeaderActionsMenu(props) {
className={styles.itemIcon} className={styles.itemIcon}
name={icons.KEYBOARD} name={icons.KEYBOARD}
/> />
Keyboard Shortcuts {translate('KeyboardShortcuts')}
</MenuItem> </MenuItem>
<MenuItemSeparator /> <MenuItemSeparator />
@ -42,7 +44,7 @@ function PageHeaderActionsMenu(props) {
className={styles.itemIcon} className={styles.itemIcon}
name={icons.RESTART} name={icons.RESTART}
/> />
Restart {translate('Restart')}
</MenuItem> </MenuItem>
<MenuItem onPress={onShutdownPress}> <MenuItem onPress={onShutdownPress}>
@ -69,7 +71,7 @@ function PageHeaderActionsMenu(props) {
className={styles.itemIcon} className={styles.itemIcon}
name={icons.LOGOUT} name={icons.LOGOUT}
/> />
Logout {translate('Logout')}
</MenuItem> </MenuItem>
} }
</MenuContent> </MenuContent>

@ -146,6 +146,7 @@
"AutoTaggingRequiredHelpText": "This {implementationName} condition must match for the auto tagging rule to apply. Otherwise a single {implementationName} match is sufficient.", "AutoTaggingRequiredHelpText": "This {implementationName} condition must match for the auto tagging rule to apply. Otherwise a single {implementationName} match is sufficient.",
"Automatic": "Automatic", "Automatic": "Automatic",
"AutomaticAdd": "Automatic Add", "AutomaticAdd": "Automatic Add",
"AutomaticSearch": "Automatic Search",
"AutomaticUpdatesDisabledDocker": "Automatic updates are not directly supported when using the Docker update mechanism. You will need to update the container image outside of {appName} or use a script", "AutomaticUpdatesDisabledDocker": "Automatic updates are not directly supported when using the Docker update mechanism. You will need to update the container image outside of {appName} or use a script",
"AutomaticallySwitchRelease": "Automatically Switch Release", "AutomaticallySwitchRelease": "Automatically Switch Release",
"Backup": "Backup", "Backup": "Backup",
@ -347,6 +348,7 @@
"DoNotPrefer": "Do Not Prefer", "DoNotPrefer": "Do Not Prefer",
"DoNotUpgradeAutomatically": "Do not Upgrade Automatically", "DoNotUpgradeAutomatically": "Do not Upgrade Automatically",
"Docker": "Docker", "Docker": "Docker",
"Donate": "Donate",
"Donations": "Donations", "Donations": "Donations",
"DoneEditingGroups": "Done Editing Groups", "DoneEditingGroups": "Done Editing Groups",
"DownloadClient": "Download Client", "DownloadClient": "Download Client",
@ -579,6 +581,7 @@
"IsShowingMonitoredUnmonitorSelected": "Unmonitor Selected", "IsShowingMonitoredUnmonitorSelected": "Unmonitor Selected",
"IsTagUsedCannotBeDeletedWhileInUse": "Cannot be deleted while in use", "IsTagUsedCannotBeDeletedWhileInUse": "Cannot be deleted while in use",
"ItsEasyToAddANewArtistJustStartTypingTheNameOfTheArtistYouWantToAdd": "It's easy to add a new artist, just start typing the name of the artist you want to add.", "ItsEasyToAddANewArtistJustStartTypingTheNameOfTheArtistYouWantToAdd": "It's easy to add a new artist, just start typing the name of the artist you want to add.",
"KeyboardShortcuts": "Keyboard Shortcuts",
"Label": "Label", "Label": "Label",
"Language": "Language", "Language": "Language",
"Large": "Large", "Large": "Large",
@ -596,6 +599,7 @@
"LidarrSupportsAnyIndexerThatUsesTheNewznabStandardAsWellAsOtherIndexersListedBelow": "{appName} supports any indexer that uses the Newznab standard, as well as other indexers listed below.", "LidarrSupportsAnyIndexerThatUsesTheNewznabStandardAsWellAsOtherIndexersListedBelow": "{appName} supports any indexer that uses the Newznab standard, as well as other indexers listed below.",
"LidarrSupportsMultipleListsForImportingAlbumsAndArtistsIntoTheDatabase": "{appName} supports multiple lists for importing Albums and Artists into the database.", "LidarrSupportsMultipleListsForImportingAlbumsAndArtistsIntoTheDatabase": "{appName} supports multiple lists for importing Albums and Artists into the database.",
"LidarrTags": "{appName} Tags", "LidarrTags": "{appName} Tags",
"Links": "Links",
"ListRefreshInterval": "List Refresh Interval", "ListRefreshInterval": "List Refresh Interval",
"ListWillRefreshEveryInterp": "List will refresh every {0}", "ListWillRefreshEveryInterp": "List will refresh every {0}",
"Loading": "loading", "Loading": "loading",
@ -607,6 +611,7 @@
"LogLevel": "Log Level", "LogLevel": "Log Level",
"LogLevelvalueTraceTraceLoggingShouldOnlyBeEnabledTemporarily": "Trace logging should only be enabled temporarily", "LogLevelvalueTraceTraceLoggingShouldOnlyBeEnabledTemporarily": "Trace logging should only be enabled temporarily",
"Logging": "Logging", "Logging": "Logging",
"Logout": "Logout",
"Logs": "Logs", "Logs": "Logs",
"LongDateFormat": "Long Date Format", "LongDateFormat": "Long Date Format",
"MIA": "MIA", "MIA": "MIA",
@ -634,6 +639,7 @@
"MediaManagementSettings": "Media Management Settings", "MediaManagementSettings": "Media Management Settings",
"Medium": "Medium", "Medium": "Medium",
"MediumFormat": "Medium Format", "MediumFormat": "Medium Format",
"Menu": "Menu",
"Message": "Message", "Message": "Message",
"Metadata": "Metadata", "Metadata": "Metadata",
"MetadataConsumers": "Metadata Consumers", "MetadataConsumers": "Metadata Consumers",

Loading…
Cancel
Save