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

Require manga library removal confirmation only in source browse

Browse Source
This commit is contained in:
schroda
2024-04-21 03:50:41 +02:00
parent c877ea23d3
commit 6f90eea762
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/MangaCard.tsx
View File

@@ -46,7 +46,10 @@ export const MangaCard = (props: MangaCardProps) => {
options: { showContinueReadingButton },
} = useLibraryOptionsContext();
const { CategorySelectComponent, updateLibraryState, isInLibrary } = useManageMangaLibraryState(manga);
const { CategorySelectComponent, updateLibraryState, isInLibrary } = useManageMangaLibraryState(
manga,
mode === 'source',
);
const mangaLinkTo = getMangaLinkTo(mode, manga.id, manga.source?.id, manga.title);

24
src/components/manga/useManageMangaLibraryState.tsx
View File

@@ -18,7 +18,10 @@ import { Mangas } from '@/lib/data/Mangas.ts';
import { TManga } from '@/typings.ts';
import { awaitConfirmation } from '@/lib/ui/AwaitableDialog.tsx';
export const useManageMangaLibraryState = (manga: Pick<TManga, 'id' | 'title' | 'inLibrary'>) => {
export const useManageMangaLibraryState = (
manga: Pick<TManga, 'id' | 'title' | 'inLibrary'>,
confirmRemoval: boolean = false,
) => {
const { t } = useTranslation();
const [isInLibrary, setIsInLibrary] = useState(manga.inLibrary);
@@ -55,16 +58,19 @@ export const useManageMangaLibraryState = (manga: Pick<TManga, 'id' | 'title' |
);
const removeFromLibrary = useCallback(async () => {
await awaitConfirmation({
title: t('global.label.are_you_sure'),
message: t('manga.action.library.remove.dialog.label.message', { title: manga.title }),
actions: {
confirm: { title: t('global.button.remove') },
},
});
if (confirmRemoval) {
await awaitConfirmation({
title: t('global.label.are_you_sure'),
message: t('manga.action.library.remove.dialog.label.message', { title: manga.title }),
actions: {
confirm: { title: t('global.button.remove') },
},
});
}
await Mangas.removeFromLibrary([manga.id]);
setIsInLibrary(false);
}, [manga.id]);
}, [manga.id, confirmRemoval]);
const { openCategorySelect, CategorySelectComponent } = useCategorySelect({
mangaId: manga.id,