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

Introduce "useAppTitle" hook

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/settings/screens/About.tsx
View File

@@ -23,17 +23,17 @@ import { VersionInfo } from '@/modules/app-updates/components/VersionInfo.tsx';
import { getErrorMessage } from '@/lib/HelperFunctions.ts';
import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
import { epochToDate } from '@/util/DateHelper.ts';
import { useAppTitle } from '@/modules/navigation-bar/hooks/useAppTitle.ts';
export function About() {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
useAppTitle(t('settings.about.title'));
useLayoutEffect(() => {
setTitle(t('settings.about.title'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);

6
src/modules/settings/screens/Appearance.tsx
View File

@@ -36,6 +36,7 @@ import { MetadataThemeSettings } from '@/modules/theme/AppTheme.types.ts';
import { getErrorMessage } from '@/lib/HelperFunctions.ts';
import { AppStorage } from '@/lib/storage/AppStorage.ts';
import { useNavBarContext } from '@/modules/navigation-bar/contexts/NavbarContext.tsx';
import { useAppTitle } from '@/modules/navigation-bar/hooks/useAppTitle.ts';
export const Appearance = () => {
const { t, i18n } = useTranslation();
@@ -43,13 +44,12 @@ export const Appearance = () => {
const { mode, setMode } = useColorScheme();
const actualThemeMode = (mode ?? themeMode) as ThemeMode;
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
useAppTitle(t('settings.appearance.title'));
useLayoutEffect(() => {
setTitle(t('settings.appearance.title'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);

6
src/modules/settings/screens/More.tsx
View File

@@ -21,10 +21,11 @@ import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
import { NavigationBarUtil } from '@/modules/navigation-bar/NavigationBar.util.ts';
import { useMetadataServerSettings } from '@/modules/settings/services/ServerSettingsMetadata.ts';
import { NavbarItem, NavBarItemMoreGroup } from '@/modules/navigation-bar/NavigationBar.types.ts';
import { useAppTitle } from '@/modules/navigation-bar/hooks/useAppTitle.ts';
export const More = () => {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
const isMobileWidth = MediaQuery.useIsMobileWidth();
const {
@@ -58,12 +59,11 @@ export const More = () => {
[NavBarItemMoreGroup.HIDDEN_ITEM]: hiddenItemsMoreGroup,
};
useAppTitle(t('global.label.more'));
useLayoutEffect(() => {
setTitle(t('global.label.more'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);

6
src/modules/settings/screens/ServerSettings.tsx
View File

@@ -32,6 +32,7 @@ import { MetadataUpdateSettings } from '@/modules/app-updates/AppUpdateChecker.t
import { ServerSettings as GqlServerSettings } from '@/modules/settings/Settings.types.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';
type ServerSettingsType = Pick<
GqlServerSettings,
@@ -94,14 +95,13 @@ const getLogFilesCleanupDisplayValue = (ttl: number): string => {
export const ServerSettings = () => {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
useAppTitle(t('settings.server.title.server'));
useLayoutEffect(() => {
setTitle(t('settings.server.title.server'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);

6
src/modules/settings/screens/Settings.tsx
View File

@@ -30,17 +30,17 @@ import { makeToast } from '@/modules/core/utils/Toast.ts';
import { AppRoutes } from '@/modules/core/AppRoute.constants.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 function Settings() {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
useAppTitle(t('settings.title'));
useLayoutEffect(() => {
setTitle(t('settings.title'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);

6
src/modules/settings/screens/WebUISettings.tsx
View File

@@ -33,6 +33,7 @@ import { makeToast } from '@/modules/core/utils/Toast.ts';
import { MetadataUpdateSettings } from '@/modules/app-updates/AppUpdateChecker.types.ts';
import { ServerSettings } from '@/modules/settings/Settings.types.ts';
import { getErrorMessage } from '@/lib/HelperFunctions.ts';
import { useAppTitle } from '@/modules/navigation-bar/hooks/useAppTitle.ts';
type WebUISettingsType = Pick<
ServerSettings,
@@ -120,14 +121,13 @@ const extractWebUISettings = (settings: ServerSettings): WebUISettingsType => ({
export const WebUISettings = () => {
const { t } = useTranslation();
const { setTitle, setAction } = useNavBarContext();
const { setAction } = useNavBarContext();
useAppTitle(t('settings.webui.title.webui'));
useLayoutEffect(() => {
setTitle(t('settings.webui.title.webui'));
setAction(null);
return () => {
setTitle('');
setAction(null);
};
}, [t]);