Update browser and nav bar title on language change (#275)

src/screens/DownloadQueue.tsx

@@ -53,7 +53,7 @@ const DownloadQueue: React.FC = () => {
     useEffect(() => {
         setTitle(t('download.queue.title'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const onDragEnd = (result: DropResult) => {};

src/screens/Extensions.tsx

@@ -88,7 +88,7 @@ export default function MangaExtensions() {
                 <LangSelect shownLangs={shownLangs} setShownLangs={setShownLangs} allLangs={allLangs} />
             </>,
         );
-    }, [shownLangs]);
+    }, [t, shownLangs]);
 
     const { data: allExtensions, mutate, loading } = useQuery<IExtension[]>('/api/v1/extension/list');
 

src/screens/Library.tsx

@@ -53,7 +53,7 @@ export default function Library() {
             setTitle('');
             setAction(null);
         };
-    }, []);
+    }, [t]);
 
     const handleTabChange = (newTab: number) => {
         setTabSearchParam(newTab === 0 ? undefined : newTab);

src/screens/Manga.tsx

@@ -62,7 +62,7 @@ const Manga: React.FC = () => {
 
     useEffect(() => {
         setTitle(manga?.title ?? t('manga.title'));
-    }, [manga?.title]);
+    }, [t, manga?.title]);
 
     if (error && !manga) {
         return <EmptyView message={t('manga.error.label.request_failure')} messageExtra={error.message ?? error} />;

src/screens/Reader.tsx

@@ -99,7 +99,7 @@ export default function Reader() {
         } else {
             setTitle(`${manga.title}: ${(chapter as IChapter).name}`);
         }
-    }, [manga, chapter]);
+    }, [t, manga, chapter]);
 
     useEffect(() => {
         if (!areDefaultSettingsLoading && !isMangaLoading) {

src/screens/SearchAll.tsx

@@ -58,7 +58,7 @@ const SearchAll: React.FC = () => {
     useEffect(() => {
         setTitle(t('search.title.global_search'));
         setAction(<AppbarSearch />);
-    }, []);
+    }, [t]);
 
     useEffect(() => {
         client
@@ -161,7 +161,7 @@ const SearchAll: React.FC = () => {
                 />
             </>,
         );
-    }, [shownLangs, sources]);
+    }, [t, shownLangs, sources]);
 
     if (query) {
         return (

src/screens/Settings.tsx

@@ -47,7 +47,7 @@ export default function Settings() {
     useEffect(() => {
         setTitle(t('settings.title'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { darkTheme, setDarkTheme } = useContext(DarkTheme);
     const [serverAddress, setServerAddress] = useLocalStorage<String>('serverBaseURL', '');

src/screens/SourceConfigure.tsx

@@ -42,7 +42,7 @@ export default function SourceConfigure() {
     useEffect(() => {
         setTitle(t('source.configuration.title'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { sourceId } = useParams<{ sourceId: string }>();
     const { data: sourcePreferences = [], mutate } = useQuery<SourcePreferences[]>(

src/screens/SourceMangas.tsx

@@ -61,7 +61,7 @@ export default function SourceMangas({ popular }: { popular: boolean }) {
 
     useEffect(() => {
         setTitle(t('source.title')); // title is later set after a fetch but we set it here once
-    }, []);
+    }, [t]);
 
     useEffect(() => {
         client

src/screens/Sources.tsx

@@ -86,7 +86,7 @@ export default function Sources() {
                 />
             </>,
         );
-    }, [shownLangs, sources]);
+    }, [t, shownLangs, sources]);
 
     if (loading) return <LoadingPlaceholder />;
 

src/screens/Updates.tsx

@@ -103,7 +103,7 @@ const Updates: React.FC = () => {
         setTitle(t('updates.title'));
 
         setAction(null);
-    }, []);
+    }, [t]);
 
     useEffect(() => {
         if (hasNextPage) {

src/screens/settings/About.tsx

@@ -16,7 +16,7 @@ export default function About() {
     useEffect(() => {
         setTitle(t('settings.about.title'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { data: about } = useQuery<IAbout>('/api/v1/settings/about');
 

src/screens/settings/Backup.tsx

@@ -22,7 +22,7 @@ export default function Backup() {
     useEffect(() => {
         setTitle(t('settings.backup.title'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { baseURL } = client.defaults;
 

src/screens/settings/Categories.tsx

@@ -56,7 +56,7 @@ export default function Categories() {
     useEffect(() => {
         setTitle(t('category.title.categories'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { data, mutate } = useQuery<ICategory[]>('/api/v1/category/');
     const categories = useMemo(() => {

src/screens/settings/DefaultReaderSettings.tsx

@@ -29,7 +29,7 @@ export default function DefaultReaderSettings() {
     useEffect(() => {
         setTitle(t('reader.settings.title.default_reader_settings'));
         setAction(null);
-    }, []);
+    }, [t]);
 
     const { metadata, settings, loading } = useDefaultReaderSettings();