🐛(frontend) fix empty left panel after deleting root doc

When we were deleting a root document, the left panel
was getting empty. It was because the panel thought that
it was a child document and was trying clear
dynamically the panel.
Now, we are checking if the document is a root or not,
if it is a root we just redirect to the homepage.

Author: AntoLC

CHANGELOG.md

@@ -8,8 +8,9 @@ and this project adheres to
 
 ## [Unreleased]
 
-## Fixed
+### Fixed
 
+- 🐛(frontend) fix empty left panel after deleting root doc #1197
 - 🐛(helm) charts generate invalid YAML for collaboration API / WS #890
 
 ## [3.4.2] - 2025-07-18

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

@@ -10,6 +10,7 @@ import { useRouter } from 'next/router';
 import { Trans, useTranslation } from 'react-i18next';
 
 import { Box, Text, TextErrors } from '@/components';
+import { useTreeUtils } from '@/docs/doc-tree';
 
 import { useRemoveDoc } from '../api/useRemoveDoc';
 import { Doc } from '../types';
@@ -29,25 +30,26 @@ export const ModalRemoveDoc = ({
   const { t } = useTranslation();
   const { push } = useRouter();
   const pathname = usePathname();
+  const { isCurrentRoot } = useTreeUtils(doc);
   const {
     mutate: removeDoc,
     isError,
     error,
   } = useRemoveDoc({
     onSuccess: () => {
-      toast(t('The document has been deleted.'), VariantType.SUCCESS, {
-        duration: 4000,
-      });
-      if (afterDelete) {
+      if (isCurrentRoot) {
+        void push('/');
+      } else if (afterDelete) {
         afterDelete(doc);
-        return;
-      }
-
-      if (pathname === '/') {
+      } else if (pathname === '/') {
         onClose();
       } else {
         void push('/');
       }
+
+      toast(t('The document has been deleted.'), VariantType.SUCCESS, {
+        duration: 4000,
+      });
     },
   });