🐛(frontend) fix empty left panel after deleting doc

When we were deleting a parent 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 parent or not,
if it is a parent we just redirect to the homepage.

Author: AntoLC

CHANGELOG.md

@@ -8,6 +8,10 @@ and this project adheres to
 
 ## [Unreleased]
 
+### Fixed
+
+- 🐛(frontend) fix empty left panel after deleting doc #1197
+
 ## [3.4.1] - 2025-07-15
 
 ### Fixed

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

@@ -11,6 +11,7 @@ import { Trans, useTranslation } from 'react-i18next';
 
 import { Box, Text, TextErrors } from '@/components';
 
+import { useTreeUtils } from '../../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 { isParent } = useTreeUtils(doc);
   const {
     mutate: removeDoc,
     isError,
     error,
   } = useRemoveDoc({
     onSuccess: () => {
-      toast(t('The document has been deleted.'), VariantType.SUCCESS, {
-        duration: 4000,
-      });
-      if (afterDelete) {
+      if (isParent) {
+        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,
+      });
     },
   });