fixup! ✨(frontend) interlinking custom inline content

Author: AntoLC

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

@@ -1,10 +1,12 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { createReactInlineContentSpec } from '@blocknote/react';
+import { useEffect } from 'react';
 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 } from '@/docs/doc-management';
 
 export const InterlinkingLinkInlineContent = createReactInlineContentSpec(
   {
@@ -13,15 +15,32 @@ export const InterlinkingLinkInlineContent = createReactInlineContentSpec(
       url: {
         default: '',
       },
+      docId: {
+        default: '',
+      },
       title: {
         default: '',
       },
     },
     content: 'none',
   },
   {
-    render: (props) => {
-      return <LinkSelected {...props.inlineContent.props} />;
+    render: ({ inlineContent, updateInlineContent }) => {
+      const { data: doc } = useDoc({ id: inlineContent.props.docId });
+
+      useEffect(() => {
+        if (doc?.title && doc.title !== inlineContent.props.title) {
+          updateInlineContent({
+            type: 'interlinkingLinkInline',
+            props: {
+              ...inlineContent.props,
+              title: doc.title,
+            },
+          });
+        }
+      }, [inlineContent.props, doc?.title, updateInlineContent]);
+
+      return <LinkSelected {...inlineContent.props} />;
     },
   },
 );

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

@@ -25,7 +25,11 @@ import {
 } from '@/docs/doc-editor';
 import FoundPageIcon from '@/docs/doc-editor/assets/doc-found.svg';
 import AddPageIcon from '@/docs/doc-editor/assets/doc-plus.svg';
-import { useCreateChildDocTree, useDocStore } from '@/docs/doc-management';
+import {
+  useCreateChildDocTree,
+  useDocStore,
+  useTrans,
+} from '@/docs/doc-management';
 import { DocSearchSubPageContent, DocSearchTarget } from '@/docs/doc-search';
 import { useResponsiveStore } from '@/stores';
 
@@ -78,6 +82,7 @@ export const SearchPage = ({
   const inputRef = useRef<HTMLInputElement>(null);
   const [search, setSearch] = useState('');
   const { isDesktop } = useResponsiveStore();
+  const { untitledDocument } = useTrans();
 
   /**
    * createReactInlineContentSpec add automatically the focus after
@@ -195,7 +200,8 @@ export const SearchPage = ({
                     type: 'interlinkingLinkInline',
                     props: {
                       url: `/docs/${doc.id}`,
-                      title: doc.title || '',
+                      docId: doc.id,
+                      title: doc.title || untitledDocument,
                     },
                   },
                   ' ',