Extract app routes into constant

src/modules/source/components/SourceCard.tsx

@@ -23,6 +23,7 @@ import { SpinnerImage } from '@/modules/core/components/SpinnerImage.tsx';
 import { GetSourcesListQuery } from '@/lib/graphql/generated/graphql.ts';
 import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
 import { translateExtensionLanguage } from '@/modules/extension/Extensions.utils.ts';
+import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 
 interface IProps {
     source: GetSourcesListQuery['sources']['nodes'][number];
@@ -59,7 +60,7 @@ export const SourceCard: React.FC<IProps> = (props: IProps) => {
         >
             <CardActionArea
                 component={Link}
-                to={`/sources/${id}`}
+                to={AppRoutes.sources.childRoutes.browse.path(id)}
                 state={{ contentType: SourceContentType.POPULAR, clearCache: true }}
             >
                 <CardContent
@@ -135,7 +136,7 @@ export const SourceCard: React.FC<IProps> = (props: IProps) => {
                             <Button
                                 variant="outlined"
                                 component={Link}
-                                to={`/sources/${id}`}
+                                to={AppRoutes.sources.childRoutes.browse.path(id)}
                                 state={{ contentType: SourceContentType.LATEST, clearCache: true }}
                             >
                                 {t('global.button.latest')}
@@ -145,7 +146,7 @@ export const SourceCard: React.FC<IProps> = (props: IProps) => {
                             <Button
                                 variant="outlined"
                                 component={Link}
-                                to={`/sources/${id}`}
+                                to={AppRoutes.sources.childRoutes.browse.path(id)}
                                 state={{ contentType: SourceContentType.POPULAR, clearCache: true }}
                             >
                                 {t('global.button.popular')}

src/modules/source/screens/SourceMangas.tsx

@@ -51,6 +51,7 @@ import { EmptyView } from '@/modules/core/components/placeholder/EmptyView.tsx';
 import { EmptyViewAbsoluteCentered } from '@/modules/core/components/placeholder/EmptyViewAbsoluteCentered.tsx';
 import { MangaIdInfo } from '@/modules/manga/Manga.types.ts';
 import { GridLayout } from '@/modules/core/Core.types.ts';
+import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 
 const DEFAULT_SOURCE: Pick<SourceType, 'id'> = { id: '-1' };
 
@@ -407,7 +408,7 @@ export function SourceMangas() {
                 {source?.isConfigurable && (
                     <Tooltip title={t('settings.title')}>
                         <IconButton
-                            onClick={() => navigate(`/sources/${sourceId}/configure/`)}
+                            onClick={() => navigate(AppRoutes.sources.childRoutes.configure.path(sourceId))}
                             aria-label="display more actions"
                             edge="end"
                             color="inherit"

src/modules/source/screens/Sources.tsx

@@ -29,6 +29,7 @@ import { EmptyViewAbsoluteCentered } from '@/modules/core/components/placeholder
 import { defaultPromiseErrorHandler } from '@/lib/DefaultPromiseErrorHandler.ts';
 import { SourceType } from '@/lib/graphql/generated/graphql.ts';
 import { translateExtensionLanguage } from '@/modules/extension/Extensions.utils.ts';
+import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 
 function sourceToLangList(sources: Pick<SourceType, 'id' | 'lang'>[]) {
     const result = new Set<string>();
@@ -107,7 +108,11 @@ export function Sources() {
         setAction(
             <>
                 <Tooltip title={t('search.title.global_search')}>
-                    <IconButton onClick={() => navigate('/sources/all/search/')} size="large" color="inherit">
+                    <IconButton
+                        onClick={() => navigate(AppRoutes.sources.childRoutes.searchAll.path)}
+                        size="large"
+                        color="inherit"
+                    >
                         <TravelExploreIcon />
                     </IconButton>
                 </Tooltip>