31 lines
717 B
TypeScript
31 lines
717 B
TypeScript
import type { FC } from "react";
|
|
|
|
import { Button, Stack, Title } from "@mantine/core";
|
|
import { useDocumentTitle } from "@mantine/hooks";
|
|
import { StateView } from "@wealthledger/ui";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Link } from "react-router";
|
|
|
|
const NotFoundPage: FC = () => {
|
|
const { t } = useTranslation();
|
|
useDocumentTitle(`${t("notFound.title")} — ${t("appName")}`);
|
|
|
|
return (
|
|
<Stack>
|
|
<Title order={1}>{t("notFound.title")}</Title>
|
|
|
|
<StateView
|
|
action={(
|
|
<Button component={Link} to="/accounts">
|
|
{t("notFound.action")}
|
|
</Button>
|
|
)}
|
|
text={t("states.emptyText")}
|
|
title={t("states.emptyTitle")}
|
|
/>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export { NotFoundPage };
|