Fix image processing arrow direction in rtl
This commit is contained in:
@@ -45,6 +45,7 @@ import {
|
|||||||
isValidConnectTimeoutSetting,
|
isValidConnectTimeoutSetting,
|
||||||
} from '@/features/settings/ImageProcessing.utils.ts';
|
} from '@/features/settings/ImageProcessing.utils.ts';
|
||||||
import { UrlUtil } from '@/lib/UrlUtil.ts';
|
import { UrlUtil } from '@/lib/UrlUtil.ts';
|
||||||
|
import { useGetOptionForDirection } from '@/features/theme/services/ThemeCreator.ts';
|
||||||
|
|
||||||
export const Processing = ({
|
export const Processing = ({
|
||||||
conversion,
|
conversion,
|
||||||
@@ -58,6 +59,7 @@ export const Processing = ({
|
|||||||
}) => {
|
}) => {
|
||||||
const { t } = useLingui();
|
const { t } = useLingui();
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
|
const getOptionForDirection = useGetOptionForDirection();
|
||||||
|
|
||||||
const { ref: textFieldRef, height: textFieldHeight } = useElementSize();
|
const { ref: textFieldRef, height: textFieldHeight } = useElementSize();
|
||||||
|
|
||||||
@@ -116,7 +118,7 @@ export const Processing = ({
|
|||||||
[theme.breakpoints.up('md')]: { mx: 1 },
|
[theme.breakpoints.up('md')]: { mx: 1 },
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
→
|
{getOptionForDirection('→', '←')}
|
||||||
</TypographyMaxLines>
|
</TypographyMaxLines>
|
||||||
<FormControl sx={{ minWidth: '100px' }}>
|
<FormControl sx={{ minWidth: '100px' }}>
|
||||||
<InputLabel id="image-conversion-target-mode-label">{t`Target mode`}</InputLabel>
|
<InputLabel id="image-conversion-target-mode-label">{t`Target mode`}</InputLabel>
|
||||||
|
|||||||
Reference in New Issue
Block a user