js/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost synced 2025-03-28 21:13:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update Error404 component to include app name in page title

Browse Source
This commit is contained in:
sasanqua 2025-03-20 18:50:21 +09:00
parent 836b605aa9
commit 44d2c20b8c
1 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
apps/client/src/components/ui/error-404.tsx
View File

@ -1,28 +1,32 @@
import { Title, Text, Button, Container, Group } from "@mantine/core";
import classes from "./error-404.module.css";
import { Link } from "react-router-dom";
import { Helmet } from "react-helmet-async";
import { useTranslation } from "react-i18next";
import { Title, Text, Button, Container, Group } from '@mantine/core';
import classes from './error-404.module.css';
import { Link } from 'react-router-dom';
import { Helmet } from 'react-helmet-async';
import { useTranslation } from 'react-i18next';
import { getAppName } from '@/lib/config';
export function Error404() {
const { t } = useTranslation();
const { t } = useTranslation();
const app_name = getAppName();
return (
<>
<Helmet>
<title>{t("404 page not found")} - Docmost</title>
</Helmet>
<Container className={classes.root}>
<Title className={classes.title}>{t("404 page not found")}</Title>
<Text c="dimmed" size="lg" ta="center" className={classes.description}>
{t("Sorry, we can't find the page you are looking for.")}
</Text>
<Group justify="center">
<Button component={Link} to={"/home"} variant="subtle" size="md">
{t("Take me back to homepage")}
</Button>
</Group>
</Container>
</>
);
return (
<>
<Helmet>
<title>
{t('404 page not found')} - {app_name}
</title>
</Helmet>
<Container className={classes.root}>
<Title className={classes.title}>{t('404 page not found')}</Title>
<Text c="dimmed" size="lg" ta="center" className={classes.description}>
{t("Sorry, we can't find the page you are looking for.")}
</Text>
<Group justify="center">
<Button component={Link} to={'/home'} variant="subtle" size="md">
{t('Take me back to homepage')}
</Button>
</Group>
</Container>
</>
);
}