Introduce "useAppTitle" hook

This commit is contained in:
schroda
2025-05-03 13:00:03 +02:00
parent 76cd9fd309
commit 3ab70c4802
28 changed files with 134 additions and 111 deletions

View File

@@ -27,11 +27,12 @@ import { GetMangaScreenQuery } from '@/lib/graphql/generated/graphql.ts';
import { GET_MANGA_SCREEN } from '@/lib/graphql/queries/MangaQuery.ts';
import { getErrorMessage } from '@/lib/HelperFunctions.ts';
import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
import { useAppTitle } from '@/modules/navigation-bar/hooks/useAppTitle.ts';
export const Manga: React.FC = () => {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
const { id } = useParams<{ id: string }>();
const autofetchedRef = useRef(false);
@@ -59,12 +60,11 @@ export const Manga: React.FC = () => {
}
}, [manga]);
useAppTitle(manga?.title ?? t('manga.title_one'));
useLayoutEffect(() => {
setTitle(manga?.title ?? t('manga.title_one'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t, manga?.title]);