studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🌐(frontend) make Docs title translatable

Browse Source 
The title of the docs page was not translatable.
We now use the `t` function to translate the title.
This commit is contained in:
Anthony LC
2025-03-13 17:21:29 +01:00
committed by Anthony LC
parent b61a7a4961
commit a88d62e07d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/frontend/apps/impress/src/pages/docs/[id]/index.tsx
View File

@@ -3,6 +3,7 @@ import { useQueryClient } from '@tanstack/react-query';
import Head from 'next/head'; import Head from 'next/head';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { Box, Text, TextErrors } from '@/components'; import { Box, Text, TextErrors } from '@/components';
import { DocEditor } from '@/docs/doc-editor'; import { DocEditor } from '@/docs/doc-editor';
@@ -64,14 +65,15 @@ const DocPage = ({ id }: DocProps) => {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const { replace } = useRouter(); const { replace } = useRouter();
useCollaboration(doc?.id, doc?.content); useCollaboration(doc?.id, doc?.content);
const { t } = useTranslation();
useEffect(() => { useEffect(() => {
if (doc?.title) { if (doc?.title) {
setTimeout(() => { setTimeout(() => {
document.title = `${doc.title} - Docs`; document.title = `${doc.title} - ${t('Docs')}`;
}, 100); }, 100);
} }
}, [doc?.title]); }, [doc?.title, t]);
useEffect(() => { useEffect(() => {
if (!docQuery || isFetching) { if (!docQuery || isFetching) {