ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show active setting in reader desktop nav bar

Browse Source
This commit is contained in:
schroda
2024-12-13 16:38:41 +01:00
parent 33910cc89d
commit feacfe70f1
9 changed files with 57 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/modules/core/components/buttons/ButtonSelect.tsx
View File

@@ -11,6 +11,7 @@ import { useTranslation } from 'react-i18next';
import Button from '@mui/material/Button';
import Tooltip from '@mui/material/Tooltip';
import { MultiValueButtonProps } from '@/modules/core/Core.types.ts';
import { Superscript } from '@/modules/core/components/Superscript.tsx';
export const ButtonSelect = <Value extends string | number>({
value,
@@ -36,8 +37,6 @@ export const ButtonSelect = <Value extends string | number>({
const text = valueToDisplayData[displayValue].isTitleString
? valueToDisplayData[displayValue].title
: t(valueToDisplayData[displayValue].title);
const defaultValueText = t('global.label.footnote', { text });
const finalText = isDefault ? defaultValueText : text;
return (
<Tooltip key={displayValue} title={isDefault ? t('reader.settings.active_setting') : ''}>
@@ -46,7 +45,7 @@ export const ButtonSelect = <Value extends string | number>({
variant={displayValue === value ? 'contained' : 'outlined'}
startIcon={valueToDisplayData[displayValue].icon}
>
{finalText}
{isDefault ? <Superscript i18nKey="global.label.footnote" value={text} /> : text}
</Button>
</Tooltip>
);

16
src/modules/core/components/buttons/ValueRotationButton.tsx
View File

@@ -12,11 +12,12 @@ import Button from '@mui/material/Button';
import Tooltip from '@mui/material/Tooltip';
import { MultiValueButtonProps } from '@/modules/core/Core.types.ts';
import { getNextRotationValue } from '@/modules/core/utils/ValueRotationButton.utils.ts';
import { Superscript } from '@/modules/core/components/Superscript.tsx';
export const ValueRotationButton = <Value extends string | number>({
tooltip,
defaultText,
value,
defaultValue,
values,
setValue,
valueToDisplayData,
@@ -45,7 +46,18 @@ export const ValueRotationButton = <Value extends string | number>({
startIcon={defaultIcon}
size="large"
>
{defaultText ?? t('global.label.default')}
{defaultValue === undefined ? (
t('global.label.default')
) : (
<Superscript
i18nKey="settings.default_value"
value={
valueToDisplayData[defaultValue].isTitleString
? valueToDisplayData[defaultValue].title
: t(valueToDisplayData[defaultValue].title)
}
/>
)}
</Button>
) : (
<Button