0f8c6496f8
* feat(chapter): add "mark all as read" option Added new translation key for "Mark all as read" and updated ChaptersToolbarMenu to use it in the tooltip when marking all chapters as read. * refactor(i18n): create global download key for generic actions * feat(i18n): add filter and sort string to chapter toolbar * fix(i18n): update tooltip text for clear selection action * apply `yarn lint --fix`
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import Checkbox from '@mui/material/Checkbox';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
|
|
|
|
export const SelectableCollectionSelectAll = ({
|
|
areAllItemsSelected,
|
|
areNoItemsSelected,
|
|
onChange,
|
|
}: {
|
|
areAllItemsSelected: boolean;
|
|
areNoItemsSelected: boolean;
|
|
onChange: (checked: boolean) => void;
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<CustomTooltip title={t(!areAllItemsSelected ? 'global.button.select_all' : 'global.button.clear_selection')}>
|
|
<Checkbox
|
|
sx={{
|
|
padding: '8px',
|
|
color: 'inherit',
|
|
'&.Mui-checked, &.MuiCheckbox-indeterminate': {
|
|
color: 'inherit',
|
|
},
|
|
}}
|
|
checked={areAllItemsSelected}
|
|
indeterminate={!areNoItemsSelected && !areAllItemsSelected}
|
|
onChange={(_, checked) => onChange(checked)}
|
|
/>
|
|
</CustomTooltip>
|
|
);
|
|
};
|