fixup! ✨(frontend) doc page when deleted

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -130,7 +130,7 @@ export const cssEditor = (readonly: boolean, isDeletedDoc: boolean) => css`
 
     ${isDeletedDoc &&
     `
-      a {
+      .node-interlinkingLinkInline button {
         pointer-events: none;
       }
     `}

src/frontend/apps/impress/src/features/docs/doc-header/components/AlertRestore.tsx

@@ -82,12 +82,13 @@ export const AlertRestore = ({ doc }: { doc: Doc }) => {
         $gap="0.2rem"
         $theme="danger"
         $variation="600"
+        $align="center"
       >
         <Icon
           iconName="undo"
           $theme="danger"
           $variation="600"
-          $css="font-size: 18px !important;"
+          $size="18px"
           variant="symbols-outlined"
         />
         <Text $theme="danger" $variation="600" $size="s">

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -153,7 +153,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
       },
     },
     {
-      label: t('Delete document'),
+      label: t('Delete'),
       icon: 'delete',
       disabled: !doc.abilities.destroy,
       callback: () => {
@@ -238,7 +238,26 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
         <ModalExport onClose={() => setIsModalExportOpen(false)} doc={doc} />
       )}
       {isModalRemoveOpen && (
-        <ModalRemoveDoc onClose={() => setIsModalRemoveOpen(false)} doc={doc} />
+        <ModalRemoveDoc
+          onClose={() => setIsModalRemoveOpen(false)}
+          doc={doc}
+          onSuccess={() => {
+            const isTopParent = doc.id === treeContext?.root?.id;
+            const parentId =
+              treeContext?.treeData.getParentId(doc.id) ||
+              treeContext?.root?.id;
+
+            if (isTopParent) {
+              void router.push(`/`);
+            } else if (parentId) {
+              void router.push(`/docs/${parentId}`).then(() => {
+                setTimeout(() => {
+                  treeContext?.treeData.deleteNode(doc.id);
+                }, 100);
+              });
+            }
+          }}
+        />
       )}
       {selectHistoryModal.isOpen && (
         <ModalSelectVersion

src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx

@@ -5,7 +5,6 @@ import {
   VariantType,
   useToastProvider,
 } from '@openfun/cunningham-react';
-import { usePathname } from 'next/navigation';
 import { useRouter } from 'next/router';
 import { Trans, useTranslation } from 'react-i18next';
 
@@ -30,7 +29,6 @@ export const ModalRemoveDoc = ({
   const { toast } = useToastProvider();
   const { t } = useTranslation();
   const { push } = useRouter();
-  const pathname = usePathname();
   const {
     mutate: removeDoc,
     isError,
@@ -41,12 +39,12 @@ export const ModalRemoveDoc = ({
       onSuccess: () => {
         if (onSuccess) {
           onSuccess(doc);
-        } else if (pathname === '/') {
-          onClose();
         } else {
           void push('/');
         }
 
+        onClose();
+
         toast(t('The document has been deleted.'), VariantType.SUCCESS, {
           duration: 4000,
         });

src/frontend/apps/impress/src/features/docs/doc-tree/assets/sub-page-logo.svg

@@ -39,7 +39,7 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
   const treeContext = useTreeContext<Doc>();
   const { untitledDocument } = useTrans();
   const { node } = props;
-  const { spacingsTokens } = useCunninghamTheme();
+  const { spacingsTokens, colorsTokens } = useCunninghamTheme();
   const { isDesktop } = useResponsiveStore();
   const { t } = useTranslation();
 
@@ -166,7 +166,11 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
           `}
         >
           <Box $width="16px" $height="16px">
-            <DocIcon emoji={emoji} defaultIcon={<SubPageIcon />} $size="sm" />
+            <DocIcon
+              emoji={emoji}
+              defaultIcon={<SubPageIcon color={colorsTokens['primary-400']} />}
+              $size="sm"
+            />
           </Box>
 
           <Box

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -126,16 +126,13 @@ export const DocTreeItemActions = ({
   });
 
   const onSuccessDelete = () => {
-    if (parentId) {
-      void router.push(`/docs/${parentId}`).then(() => {
-        setTimeout(() => {
-          treeContext?.treeData.deleteNode(doc.id);
-        }, 100);
-      });
-    } else if (doc.id === treeContext?.root?.id && !parentId) {
+    const isTopParent = doc.id === treeContext?.root?.id && !parentId;
+    const parentIdComputed = parentId || treeContext?.root?.id;
+
+    if (isTopParent) {
       void router.push(`/`);
-    } else if (treeContext && treeContext.root) {
-      void router.push(`/docs/${treeContext.root.id}`).then(() => {
+    } else if (parentIdComputed) {
+      void router.push(`/docs/${parentIdComputed}`).then(() => {
         setTimeout(() => {
           treeContext?.treeData.deleteNode(doc.id);
         }, 100);