fixup! ✨(frontend) interlinking custom inline content

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingLinkInlineContent.tsx

@@ -5,6 +5,7 @@ import { css } from 'styled-components';
 import { StyledLink, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 import SelectedPageIcon from '@/docs/doc-editor/assets/doc-selected.svg';
+import { useDoc, useTrans } from '@/docs/doc-management';
 
 export const InterlinkingLinkInlineContent = createReactInlineContentSpec(
   {
@@ -13,7 +14,7 @@ export const InterlinkingLinkInlineContent = createReactInlineContentSpec(
       url: {
         default: '',
       },
-      title: {
+      docId: {
         default: '',
       },
     },
@@ -28,10 +29,12 @@ export const InterlinkingLinkInlineContent = createReactInlineContentSpec(
 
 interface LinkSelectedProps {
   url: string;
-  title: string;
+  docId: string;
 }
-const LinkSelected = ({ url, title }: LinkSelectedProps) => {
+const LinkSelected = ({ url, docId }: LinkSelectedProps) => {
   const { colorsTokens } = useCunninghamTheme();
+  const { data: doc } = useDoc({ id: docId });
+  const { untitledDocument } = useTrans();
 
   return (
     <StyledLink
@@ -53,7 +56,7 @@ const LinkSelected = ({ url, title }: LinkSelectedProps) => {
     >
       <SelectedPageIcon width={11.5} />
       <Text $weight="500" spellCheck="false" $size="16px" $display="inline">
-        {title}
+        {doc?.title || untitledDocument}
       </Text>
     </StyledLink>
   );

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx

@@ -195,7 +195,7 @@ export const SearchPage = ({
                     type: 'interlinkingLinkInline',
                     props: {
                       url: `/docs/${doc.id}`,
-                      title: doc.title || '',
+                      docId: doc.id,
                     },
                   },
                   ' ',