From f07f45c2a0b27c7b370565309f7e181bde7f702b Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Wed, 25 Mar 2026 13:28:59 +0100
Subject: [PATCH] feat: implement BaseDialog UI component

---
 .../ReachedPlanLimitDialog.tsx                |  3 +-
 .../SharedFolderTooBigDialog.tsx              |  2 +-
 .../UploadItemsFailsDialog.tsx                |  3 +-
 src/components/BaseDialog.tsx                 | 73 -------------------
 src/components/index.ts                       |  1 -
 .../ShareItemDialog/ShareItemDialog.tsx       |  2 +-
 6 files changed, 4 insertions(+), 80 deletions(-)
 delete mode 100644 src/components/BaseDialog.tsx

diff --git a/src/app/drive/components/ReachedPlanLimitDialog/ReachedPlanLimitDialog.tsx b/src/app/drive/components/ReachedPlanLimitDialog/ReachedPlanLimitDialog.tsx
index ae332c3a98..de90f8c2b3 100644
--- a/src/app/drive/components/ReachedPlanLimitDialog/ReachedPlanLimitDialog.tsx
+++ b/src/app/drive/components/ReachedPlanLimitDialog/ReachedPlanLimitDialog.tsx
@@ -1,7 +1,6 @@
 import navigationService from 'services/navigation.service';
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
-import BaseDialog from 'components/BaseDialog';
-import { Button } from '@internxt/ui';
+import { Button, BaseDialog } from '@internxt/ui';
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
 import { uiActions } from 'app/store/slices/ui';
 import DriveStorageError from 'assets/images/drive-error.svg';
diff --git a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx b/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx
index 206005f122..4284ab322e 100644
--- a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx
+++ b/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx
@@ -1,5 +1,5 @@
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
-import BaseDialog from 'components/BaseDialog';
+import { BaseDialog } from '@internxt/ui';
 import BaseButton from 'components/BaseButton';
 import { uiActions } from 'app/store/slices/ui';
 import './SharedFolderTooBigDialog.scss';
diff --git a/src/app/drive/components/UploadItemsFailsDialog/UploadItemsFailsDialog.tsx b/src/app/drive/components/UploadItemsFailsDialog/UploadItemsFailsDialog.tsx
index b1693f93d8..ce7c72b5b4 100644
--- a/src/app/drive/components/UploadItemsFailsDialog/UploadItemsFailsDialog.tsx
+++ b/src/app/drive/components/UploadItemsFailsDialog/UploadItemsFailsDialog.tsx
@@ -1,6 +1,5 @@
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
-import BaseDialog from 'components/BaseDialog';
-import { Button } from '@internxt/ui';
+import { Button, BaseDialog } from '@internxt/ui';
 import { RootState } from 'app/store';
 import { useAppDispatch, useAppSelector } from 'app/store/hooks';
 import { uiActions } from 'app/store/slices/ui';
diff --git a/src/components/BaseDialog.tsx b/src/components/BaseDialog.tsx
deleted file mode 100644
index 8eaa48efa5..0000000000
--- a/src/components/BaseDialog.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { IconWeight, X } from '@phosphor-icons/react';
-
-interface BaseDialogProps {
-  isOpen: boolean;
-  title?: string;
-  hideCloseButton?: boolean;
-  subTitle?: string;
-  dialogRounded?: boolean;
-  children: JSX.Element | JSX.Element[];
-  classes?: string;
-  titleClasses?: string;
-  panelClasses?: string;
-  closeClass?: string;
-  weightIcon?: IconWeight;
-  bgColor?: string;
-  onClose: () => void;
-  dataTest?: string;
-}
-
-const BaseDialog = ({
-  isOpen,
-  title,
-  subTitle,
-  dialogRounded,
-  children,
-  onClose,
-  classes,
-  panelClasses,
-  titleClasses,
-  closeClass,
-  weightIcon,
-  bgColor,
-  dataTest,
-  hideCloseButton,
-}: BaseDialogProps): JSX.Element => {
-  return (
-    <div
-      data-test={dataTest}
-      className={`${isOpen ? 'flex' : 'hidden'} ${
-        classes || ''
-      } absolute bottom-0 left-0 right-0 top-0 z-50 bg-black/40`}
-    >
-      <div
-        className={`${panelClasses || ''} absolute left-1/2 top-1/2 flex w-104 -translate-x-1/2
-        -translate-y-1/2 flex-col overflow-hidden  ${dialogRounded ? 'rounded-2xl' : 'rounded-lg pt-8'} text-gray-100 ${
-          bgColor || 'bg-surface'
-        }`}
-      >
-        <div className={`${subTitle ? 'justify-between bg-gray-1 p-5' : ''} flex flex-row items-start`}>
-          {title ? (
-            <div className="relative flex max-w-full flex-1 flex-col truncate">
-              <span className={`${titleClasses || ''} truncate text-xl`} title={title}>
-                {title}
-              </span>
-              <span className="max-w-fit flex-1 truncate text-base font-normal text-gray-50">{subTitle}</span>
-            </div>
-          ) : null}
-          {hideCloseButton ? null : (
-            <div
-              className={`relative ml-auto cursor-pointer bg-surface
-           transition duration-200 ease-in-out ${closeClass || 'text-primary hover:text-primary-dark'} `}
-            >
-              <X onClick={onClose} size={28} weight={weightIcon} />
-            </div>
-          )}
-        </div>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default BaseDialog;
diff --git a/src/components/index.ts b/src/components/index.ts
index 1f88e84495..c5d5ecd709 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,5 +1,4 @@
 export { default as BaseButton } from './BaseButton';
-export { default as BaseDialog } from './BaseDialog';
 export { default as BreadcrumbsBackupsView } from './BreadcrumbsBackupsView';
 export { default as BreadcrumbsDriveView } from './BreadcrumbsDriveView';
 export { default as BreadcrumbsMenuBackups } from './BreadcrumbsMenuBackups';
diff --git a/src/views/Shared/components/ShareItemDialog/ShareItemDialog.tsx b/src/views/Shared/components/ShareItemDialog/ShareItemDialog.tsx
index 6adb33e431..456604bd7d 100644
--- a/src/views/Shared/components/ShareItemDialog/ShareItemDialog.tsx
+++ b/src/views/Shared/components/ShareItemDialog/ShareItemDialog.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { DriveItemData } from '../../../../app/drive/types';
 import { uiActions } from '../../../../app/store/slices/ui';
-import BaseDialog from 'components/BaseDialog';
+import { BaseDialog } from '@internxt/ui';
 import './ShareItemDialog.scss';
 import { storageActions } from '../../../../app/store/slices/storage';
 import notificationsService, { ToastType } from '../../../../app/notifications/services/notifications.service';