diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx index fb9dea73..4a09c6a1 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocTitle.tsx @@ -33,11 +33,13 @@ export const DocTitle = ({ doc }: DocTitleProps) => { }; interface DocTitleTextProps { - title: string; + title?: string; } export const DocTitleText = ({ title }: DocTitleTextProps) => { const { isMobile } = useResponsiveStore(); + const { untitledDocument } = useTrans(); + return ( { $size={isMobile ? 'h4' : 'h2'} $variation="1000" > - {title} + {title || untitledDocument} ); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx index 12be2d40..b1c8dc8a 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocVersionHeader.tsx @@ -6,7 +6,7 @@ import { useCunninghamTheme } from '@/cunningham'; import { DocTitleText } from './DocTitle'; interface DocVersionHeaderProps { - title: string; + title?: string; } export const DocVersionHeader = ({ title }: DocVersionHeaderProps) => { diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/ModalExport.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/ModalExport.tsx index 8e99b2db..bdad68d1 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-header/components/ModalExport.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/ModalExport.tsx @@ -22,7 +22,7 @@ import { css } from 'styled-components'; import { Box, Text } from '@/components'; import { useEditorStore } from '@/features/docs/doc-editor'; -import { Doc } from '@/features/docs/doc-management'; +import { Doc, useTrans } from '@/features/docs/doc-management'; import { TemplatesOrdering, useTemplates } from '../api/useTemplates'; import { downloadFile, exportResolveFileUrl } from '../utils'; @@ -51,6 +51,7 @@ export const ModalExport = ({ onClose, doc }: ModalExportProps) => { const [format, setFormat] = useState( DocDownloadFormat.PDF, ); + const { untitledDocument } = useTrans(); const templateOptions = useMemo(() => { const templateOptions = (templates?.pages || []) @@ -78,7 +79,7 @@ export const ModalExport = ({ onClose, doc }: ModalExportProps) => { setIsExporting(true); - const title = doc.title + const title = (doc.title || untitledDocument) .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/types.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/types.tsx index 8462df0e..1452caef 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-management/types.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-management/types.tsx @@ -36,7 +36,7 @@ export type Base64 = string; export interface Doc { id: string; - title: string; + title?: string; content: Base64; creator: string; is_favorite: boolean;