Wrap intl in span identifying translation

This commit is contained in:
Jamie Curnow
2025-10-02 23:06:51 +10:00
parent fcb08d3003
commit 227e818040
68 changed files with 1076 additions and 510 deletions

View File

@@ -1,6 +1,6 @@
import { useNavigate } from "react-router-dom";
import { Button } from "src/components";
import { intl } from "src/locale";
import { T } from "src/locale";
export function ErrorNotFound() {
const navigate = useNavigate();
@@ -8,11 +8,15 @@ export function ErrorNotFound() {
return (
<div className="container-tight py-4">
<div className="empty">
<p className="empty-title">{intl.formatMessage({ id: "notfound.title" })}</p>
<p className="empty-subtitle text-secondary">{intl.formatMessage({ id: "notfound.text" })}</p>
<p className="empty-title">
<T id="notfound.title" />
</p>
<p className="empty-subtitle text-secondary">
<T id="notfound.text" />
</p>
<div className="empty-action">
<Button type="button" size="md" onClick={() => navigate("/")}>
{intl.formatMessage({ id: "notfound.action" })}
<T id="notfound.action" />
</Button>
</div>
</div>