From d05f12985388489eeb79f42b4f0193aa807ef48a Mon Sep 17 00:00:00 2001 From: Francis Terrero Date: Tue, 10 Feb 2026 15:50:11 -0400 Subject: [PATCH 01/20] refactor: migrate Copyable component to @internxt/ui Replace local Copyable component implementation with the standardized version from @internxt/ui library to improve consistency and reduce code duplication. --- src/components/Copyable.tsx | 35 ------------------- src/components/index.ts | 1 - .../TwoFactorAuthenticationEnableModal.tsx | 3 +- 3 files changed, 1 insertion(+), 38 deletions(-) delete mode 100644 src/components/Copyable.tsx diff --git a/src/components/Copyable.tsx b/src/components/Copyable.tsx deleted file mode 100644 index ce92767c9..000000000 --- a/src/components/Copyable.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { Copy } from '@phosphor-icons/react'; -import { useState } from 'react'; -import Tooltip from './Tooltip'; -import { copyTextToClipboard } from 'utils/copyToClipboard.utils'; - -interface CopyableProps { - className?: string; - text: string; -} -export default function Copyable({ className = '', text }: Readonly): JSX.Element { - const [justCopied, setJustCopied] = useState(false); - - async function onCopy() { - await copyTextToClipboard(text); - setJustCopied(true); - setTimeout(() => setJustCopied(false), 1000); - } - return ( -
-

{text}

- - - -
- ); -} diff --git a/src/components/index.ts b/src/components/index.ts index 89f0cff19..a8d352acd 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -7,7 +7,6 @@ export { default as BreadcrumbsMenuDrive } from './BreadcrumbsMenuDrive'; export { default as BreadcrumbsMoveItemsDialogView } from './BreadcrumbsMoveItemsDialogView'; export * from './BreadcrumbsHelper'; export { default as Card } from './Card'; -export { default as Copyable } from './Copyable'; export { default as Empty } from './Empty'; export { default as ExpiredLinkView } from './ExpiredLinkView'; export { LoadingRowSkeleton } from './LoadingRowSkeleton'; diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx index 563696d17..06f944e0e 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx @@ -1,11 +1,10 @@ import { Warning } from '@phosphor-icons/react'; import { useEffect, useState } from 'react'; import authService, { generateNew2FA } from 'services/auth.service'; -import { Button, Input, Loader, Modal } from '@internxt/ui'; +import { Button, Copyable, Input, Loader, Modal } from '@internxt/ui'; import appStoreIcon from 'app/../assets/icons/app-store.svg'; import playStoreIcon from 'app/../assets/icons/play-store.svg'; import useEffectAsync from 'hooks/useEffectAsync'; -import Copyable from 'components/Copyable'; import notificationsService, { ToastType } from 'app/notifications/services/notifications.service'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import errorService from 'services/error.service'; From c445fffdf109e80ec5e331d424aa4f6ee41cdca2 Mon Sep 17 00:00:00 2001 From: Francis Terrero Date: Sun, 1 Mar 2026 23:08:22 -0400 Subject: [PATCH 02/20] feat: enhance Copyable component with additional class for better styling --- .../Security/components/TwoFactorAuthenticationEnableModal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx index 06f944e0e..b784b849f 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx @@ -69,7 +69,7 @@ const TwoFactorAuthenticationEnableModal = ({

{translate('views.account.tabs.security.2FA.modal.or')}

- +

{translate('views.account.tabs.security.2FA.modal.steps.qr.description')}

From 271368162dc25ff30e8938f474294c3743774195 Mon Sep 17 00:00:00 2001 From: Francis Terrero Date: Mon, 2 Mar 2026 10:53:51 -0400 Subject: [PATCH 03/20] feat: add classText prop to Copyable component for improved styling in backup key step --- .../Security/components/TwoFactorAuthenticationEnableModal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx index b784b849f..0a043bfe9 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthenticationEnableModal.tsx @@ -83,7 +83,7 @@ const TwoFactorAuthenticationEnableModal = ({ const backupKeyStep = (
- {qr && } + {qr && }

From f07f45c2a0b27c7b370565309f7e181bde7f702b Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 25 Mar 2026 13:28:59 +0100 Subject: [PATCH 04/20] 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 ae332c3a9..de90f8c2b 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 206005f12..4284ab322 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 b1693f93d..ce7c72b5b 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 8eaa48efa..000000000 --- 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 ( -

-
-
- {title ? ( -
- - {title} - - {subTitle} -
- ) : null} - {hideCloseButton ? null : ( -
- -
- )} -
- {children} -
-
- ); -}; - -export default BaseDialog; diff --git a/src/components/index.ts b/src/components/index.ts index 1f88e8449..c5d5ecd70 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 6adb33e43..456604bd7 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'; From ec38b6b06dc0a15641a814dbc5783d58f9321ee8 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Fri, 27 Mar 2026 10:07:27 +0100 Subject: [PATCH 05/20] refactor: replace internal Tooltip with @internxt/ui Tooltip --- src/components/Copyable.tsx | 2 +- src/components/Tooltip.tsx | 102 ------------------ src/components/UsageDetails.tsx | 2 +- src/components/index.ts | 1 - .../NewSettings/components/Usage/UsageBar.tsx | 2 +- 5 files changed, 3 insertions(+), 106 deletions(-) delete mode 100644 src/components/Tooltip.tsx diff --git a/src/components/Copyable.tsx b/src/components/Copyable.tsx index ce92767c9..7f35218fa 100644 --- a/src/components/Copyable.tsx +++ b/src/components/Copyable.tsx @@ -1,6 +1,6 @@ import { Copy } from '@phosphor-icons/react'; import { useState } from 'react'; -import Tooltip from './Tooltip'; +import { Tooltip } from '@internxt/ui'; import { copyTextToClipboard } from 'utils/copyToClipboard.utils'; interface CopyableProps { diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx deleted file mode 100644 index f9b000ed7..000000000 --- a/src/components/Tooltip.tsx +++ /dev/null @@ -1,102 +0,0 @@ -import { ReactNode, useRef, useState } from 'react'; - -interface TooltipProps { - children: ReactNode; - title: string; - subtitle?: string; - popsFrom: 'right' | 'left' | 'top' | 'bottom'; - className?: string; - delayInMs?: number; -} -export default function Tooltip({ - children, - title, - subtitle, - popsFrom, - className, - delayInMs, -}: Readonly): JSX.Element { - const [visible, setVisible] = useState(false); - - const timeoutRef = useRef(null); - - function show() { - setVisible(true); - } - - function hide() { - setVisible(false); - } - - function handleMouseEnter() { - if (timeoutRef.current !== null) { - clearTimeout(timeoutRef.current); - } - show(); - } - function handleMouseLeave() { - if (delayInMs) { - timeoutRef.current = setTimeout(() => { - timeoutRef.current = null; - hide(); - }, delayInMs) as unknown as number; - } else { - hide(); - } - } - - let tooltipPosition = ''; - let trianglePosition = ''; - let triangle = ''; - - switch (popsFrom) { - case 'right': - tooltipPosition = 'left-full top-1/2 -translate-y-1/2 ml-1.5'; - trianglePosition = 'flex-row-reverse'; - triangle = 'polygon(100% 0%, 100% 100%, 0% 50%)'; - break; - case 'left': - tooltipPosition = 'right-full top-1/2 -translate-y-1/2 mr-1.5'; - trianglePosition = 'flex-row'; - triangle = 'polygon(0% 0%, 0% 100%, 100% 50%)'; - break; - case 'top': - tooltipPosition = 'bottom-full left-1/2 -translate-x-1/2 mb-1.5 origin-bottom'; - trianglePosition = 'flex-col'; - triangle = 'polygon(0% 0%, 100% 0%, 50% 100%)'; - break; - case 'bottom': - tooltipPosition = 'top-full left-1/2 -translate-x-1/2 mt-1.5'; - trianglePosition = 'flex-col-reverse'; - triangle = 'polygon(50% 0%, 0% 100%, 100% 100%)'; - break; - } - - return ( -
-
-
-

{title}

- {subtitle &&

{subtitle}

} -
-
-
- {children} -
- ); -} diff --git a/src/components/UsageDetails.tsx b/src/components/UsageDetails.tsx index 3a20fb6b7..cb1541a07 100644 --- a/src/components/UsageDetails.tsx +++ b/src/components/UsageDetails.tsx @@ -1,7 +1,7 @@ import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import { useEffect, useRef, useState } from 'react'; import { bytesToString } from 'app/drive/services/size.service'; -import Tooltip from './Tooltip'; +import { Tooltip } from '@internxt/ui'; import { RootState } from 'app/store'; import { useAppSelector } from 'app/store/hooks'; diff --git a/src/components/index.ts b/src/components/index.ts index 1f88e8449..b2e656159 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -20,7 +20,6 @@ export { ScrollableTable } from './ScrollableTable'; export { default as Sidenav } from './SidenavWrapper'; export { skinSkeleton } from './Skeleton'; export { default as TextInput } from './TextInput'; -export { default as Tooltip } from './Tooltip'; export { default as TooltipElement, DELAY_SHOW_MS } from './TooltipElement'; export { Tutorial } from './Tutorial'; export type { Step } from './Tutorial'; diff --git a/src/views/NewSettings/components/Usage/UsageBar.tsx b/src/views/NewSettings/components/Usage/UsageBar.tsx index c966bc4aa..629908230 100644 --- a/src/views/NewSettings/components/Usage/UsageBar.tsx +++ b/src/views/NewSettings/components/Usage/UsageBar.tsx @@ -1,6 +1,6 @@ import { useEffect, useRef, useState } from 'react'; import { bytesToString } from 'app/drive/services/size.service'; -import Tooltip from 'components/Tooltip'; +import { Tooltip } from '@internxt/ui'; const UsageBar = ({ backupsUsage, From 17696431b569f9efe81587e19c8fc64a8cf279f1 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Mon, 30 Mar 2026 10:14:58 +0200 Subject: [PATCH 06/20] feat: replace card from ui component --- src/components/Card.tsx | 15 --------------- .../components/BillingPaymentMethodCard.tsx | 5 ++--- .../containers/AccountUsageContainer.tsx | 3 +-- .../containers/BillingAccountOverview.tsx | 4 +--- .../Security/components/ChangePassword.tsx | 5 ++--- .../Security/components/EnterPassword.tsx | 3 +-- .../Security/components/ExportBackupKey.tsx | 3 +-- .../components/TwoFactorAuthentication.tsx | 3 +-- .../Sections/General/components/Language.tsx | 2 +- .../Workspace/Billing/BillingDetailsCard.tsx | 3 +-- .../Workspace/Billing/UpdateMembersCard.tsx | 3 +-- .../containers/BillingWorkspaceOverview.tsx | 3 +-- .../Workspace/Members/InviteDialog.tsx | 3 +-- .../Workspace/Members/MembersSection.tsx | 18 +++++++----------- .../containers/MemberDetailsContainer.tsx | 3 +-- .../Workspace/Overview/OverviewSection.tsx | 2 +- .../containers/InvoicesContainer.tsx | 2 +- 17 files changed, 24 insertions(+), 56 deletions(-) delete mode 100644 src/components/Card.tsx diff --git a/src/components/Card.tsx b/src/components/Card.tsx deleted file mode 100644 index 8794a6511..000000000 --- a/src/components/Card.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { ReactNode } from 'react'; - -interface CardProps { - className?: string; - children: ReactNode; -} -export default function Card({ className = '', children }: Readonly): JSX.Element { - return ( -
- {children} -
- ); -} diff --git a/src/views/NewSettings/components/BillingPaymentMethodCard.tsx b/src/views/NewSettings/components/BillingPaymentMethodCard.tsx index 76855ab9c..54f81ee65 100644 --- a/src/views/NewSettings/components/BillingPaymentMethodCard.tsx +++ b/src/views/NewSettings/components/BillingPaymentMethodCard.tsx @@ -1,6 +1,5 @@ import { PaymentMethod, UserType } from '@internxt/sdk/dist/drive/payments/types/types'; -import { Button, Loader } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card, Loader } from '@internxt/ui'; import { t } from 'i18next'; import { useEffect, useState } from 'react'; @@ -33,7 +32,7 @@ const BillingPaymentMethodCard = ({ useEffect(() => { (defaultPaymentMethod.tag === 'ready' && defaultPaymentMethod.card) || - (defaultPaymentMethod.tag === 'ready' && defaultPaymentMethod.type) + (defaultPaymentMethod.tag === 'ready' && defaultPaymentMethod.type) ? setExistsPaymentMethod(true) : setExistsPaymentMethod(false); }, [defaultPaymentMethod]); diff --git a/src/views/NewSettings/components/Sections/Account/Account/containers/AccountUsageContainer.tsx b/src/views/NewSettings/components/Sections/Account/Account/containers/AccountUsageContainer.tsx index e83076a86..82f257469 100644 --- a/src/views/NewSettings/components/Sections/Account/Account/containers/AccountUsageContainer.tsx +++ b/src/views/NewSettings/components/Sections/Account/Account/containers/AccountUsageContainer.tsx @@ -7,8 +7,7 @@ import errorService from 'services/error.service'; import navigationService from 'services/navigation.service'; import usageService, { UsageDetailsProps } from 'app/drive/services/usage.service'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; -import { Button, Loader } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card, Loader } from '@internxt/ui'; import { PlanState } from 'app/store/slices/plan'; import { uiActions } from 'app/store/slices/ui'; import VerticalDivider from '../../../../VerticalDivider'; diff --git a/src/views/NewSettings/components/Sections/Account/Billing/containers/BillingAccountOverview.tsx b/src/views/NewSettings/components/Sections/Account/Billing/containers/BillingAccountOverview.tsx index e766a90b6..077b475de 100644 --- a/src/views/NewSettings/components/Sections/Account/Billing/containers/BillingAccountOverview.tsx +++ b/src/views/NewSettings/components/Sections/Account/Billing/containers/BillingAccountOverview.tsx @@ -7,9 +7,7 @@ import localStorageService from 'services/local-storage.service'; import navigationService from 'services/navigation.service'; import { bytesToString } from 'app/drive/services/size.service'; -import Card from 'components/Card'; - -import { Button } from '@internxt/ui'; +import { Button, Card } from '@internxt/ui'; import { PlanState } from 'app/store/slices/plan'; import { getNextBillingDate, getSubscriptionData } from '../../../../../utils'; diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/ChangePassword.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/ChangePassword.tsx index 9015344bc..03d7ea495 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/ChangePassword.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/ChangePassword.tsx @@ -1,10 +1,9 @@ import { useState } from 'react'; import { UserSettings } from '@internxt/sdk/dist/shared/types/userSettings'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; -import ChangePasswordModal from './ChangePasswordModal'; +import { Button, Card } from '@internxt/ui'; import Section from '../../../General/components/Section'; -import Card from 'components/Card'; -import { Button } from '@internxt/ui'; +import ChangePasswordModal from './ChangePasswordModal'; const ChangePassword = ({ currentPassword, diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/EnterPassword.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/EnterPassword.tsx index 9d9fc19e5..c49d12dfb 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/EnterPassword.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/EnterPassword.tsx @@ -4,8 +4,7 @@ import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import { areCredentialsCorrect } from 'services/auth.service'; import errorService from 'services/error.service'; -import { Button, Input } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card, Input } from '@internxt/ui'; const EnterPassword = ({ onUnlock, diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/ExportBackupKey.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/ExportBackupKey.tsx index 81877c8d2..52427b5a4 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/ExportBackupKey.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/ExportBackupKey.tsx @@ -1,7 +1,6 @@ import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import { handleExportBackupKey } from 'utils/backupKeyUtils'; -import { Button } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card } from '@internxt/ui'; import Section from '../../../General/components/Section'; const ExportBackupKey = (): JSX.Element => { diff --git a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthentication.tsx b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthentication.tsx index a85ebfb33..08f6f1597 100644 --- a/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthentication.tsx +++ b/src/views/NewSettings/components/Sections/Account/Security/components/TwoFactorAuthentication.tsx @@ -1,9 +1,8 @@ import { useState, useEffect } from 'react'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import { userHas2FAStored } from 'services/auth.service'; +import { Button, Card, Loader } from '@internxt/ui'; import Section from '../../../General/components/Section'; -import Card from 'components/Card'; -import { Button, Loader } from '@internxt/ui'; import TwoFactorAuthenticationEnableModal from './TwoFactorAuthenticationEnableModal'; import TwoFactorAuthenticationDisableModal from './TwoFactorAuthenticationDisableModal'; diff --git a/src/views/NewSettings/components/Sections/General/components/Language.tsx b/src/views/NewSettings/components/Sections/General/components/Language.tsx index c3f8eb82c..41cc05a8c 100644 --- a/src/views/NewSettings/components/Sections/General/components/Language.tsx +++ b/src/views/NewSettings/components/Sections/General/components/Language.tsx @@ -4,10 +4,10 @@ import i18next from 'i18next'; import React, { useEffect } from 'react'; import localStorageService from 'services/local-storage.service'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; -import Card from 'components/Card'; import ItemsDropdown from './ItemsDropdown'; import MenuItem from './MenuItem'; import Section from './Section'; +import { Card } from '@internxt/ui'; const localStorageLanguage = localStorageService.get('i18nextLng'); diff --git a/src/views/NewSettings/components/Sections/Workspace/Billing/BillingDetailsCard.tsx b/src/views/NewSettings/components/Sections/Workspace/Billing/BillingDetailsCard.tsx index 01b319650..814af96f5 100644 --- a/src/views/NewSettings/components/Sections/Workspace/Billing/BillingDetailsCard.tsx +++ b/src/views/NewSettings/components/Sections/Workspace/Billing/BillingDetailsCard.tsx @@ -1,7 +1,6 @@ import { t } from 'i18next'; -import { Button } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card } from '@internxt/ui'; import { BillingDetailsCardProps } from '../../../../types/types'; import Detail from './Detail'; diff --git a/src/views/NewSettings/components/Sections/Workspace/Billing/UpdateMembersCard.tsx b/src/views/NewSettings/components/Sections/Workspace/Billing/UpdateMembersCard.tsx index de643b551..0ee76e284 100644 --- a/src/views/NewSettings/components/Sections/Workspace/Billing/UpdateMembersCard.tsx +++ b/src/views/NewSettings/components/Sections/Workspace/Billing/UpdateMembersCard.tsx @@ -1,6 +1,5 @@ -import { Button, Loader } from '@internxt/ui'; +import { Button, Card, Loader } from '@internxt/ui'; import { Translate } from 'app/i18n/types'; -import Card from 'components/Card'; interface UpdateMembersCardProps { totalWorkspaceSeats: number; diff --git a/src/views/NewSettings/components/Sections/Workspace/Billing/containers/BillingWorkspaceOverview.tsx b/src/views/NewSettings/components/Sections/Workspace/Billing/containers/BillingWorkspaceOverview.tsx index a1ac5b2ee..3bd41b0f0 100644 --- a/src/views/NewSettings/components/Sections/Workspace/Billing/containers/BillingWorkspaceOverview.tsx +++ b/src/views/NewSettings/components/Sections/Workspace/Billing/containers/BillingWorkspaceOverview.tsx @@ -2,8 +2,7 @@ import { t } from 'i18next'; import localStorageService from 'services/local-storage.service'; import { bytesToString } from 'app/drive/services/size.service'; - -import Card from 'components/Card'; +import { Card } from '@internxt/ui'; import { UserType } from '@internxt/sdk/dist/drive/payments/types/types'; import { PlanState } from 'app/store/slices/plan'; diff --git a/src/views/NewSettings/components/Sections/Workspace/Members/InviteDialog.tsx b/src/views/NewSettings/components/Sections/Workspace/Members/InviteDialog.tsx index 786590e65..9589faa67 100644 --- a/src/views/NewSettings/components/Sections/Workspace/Members/InviteDialog.tsx +++ b/src/views/NewSettings/components/Sections/Workspace/Members/InviteDialog.tsx @@ -4,8 +4,7 @@ import { UserPlus, X } from '@phosphor-icons/react'; import { useForm } from 'react-hook-form'; import { IFormValues } from 'app/core/types'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; -import { Button, Modal, Checkbox, Input } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card, Modal, Checkbox, Input } from '@internxt/ui'; import TextArea from '../../Account/Account/components/TextArea'; import UserCard from './components/UserCard'; diff --git a/src/views/NewSettings/components/Sections/Workspace/Members/MembersSection.tsx b/src/views/NewSettings/components/Sections/Workspace/Members/MembersSection.tsx index 3b72affee..b90e1119b 100644 --- a/src/views/NewSettings/components/Sections/Workspace/Members/MembersSection.tsx +++ b/src/views/NewSettings/components/Sections/Workspace/Members/MembersSection.tsx @@ -7,8 +7,7 @@ import { bytesToString } from 'app/drive/services/size.service'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import UsageBar from '../../../Usage/UsageBar'; import { getMemberRole, searchMembers } from '../../../../utils'; -import { Button, Input } from '@internxt/ui'; -import Card from 'components/Card'; +import { Button, Card, Input } from '@internxt/ui'; import { RootState } from 'app/store'; import { useAppSelector } from 'app/store/hooks'; import workspacesSelectors from 'app/store/slices/workspaces/workspaces.selectors'; @@ -154,9 +153,8 @@ const MembersSection = ({ onClosePreferences }: { onClosePreferences: () => void return ( - ); - } - - return ( -
-
-
{icon}
-
-

{title}

-

{subtitle}

-
- {button} -
-
- ); -} diff --git a/src/components/index.ts b/src/components/index.ts index 1f88e8449..bbefecb10 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -8,7 +8,6 @@ export { default as BreadcrumbsMoveItemsDialogView } from './BreadcrumbsMoveItem export * from './BreadcrumbsHelper'; export { default as Card } from './Card'; export { default as Copyable } from './Copyable'; -export { default as Empty } from './Empty'; export { default as ExpiredLinkView } from './ExpiredLinkView'; export { LoadingRowSkeleton } from './LoadingRowSkeleton'; export { OnboardingModal } from './OnBoardingModal'; diff --git a/src/views/Backups/components/BackupsAsFoldersList.tsx b/src/views/Backups/components/BackupsAsFoldersList.tsx index 9c16a6c75..25baf1775 100644 --- a/src/views/Backups/components/BackupsAsFoldersList.tsx +++ b/src/views/Backups/components/BackupsAsFoldersList.tsx @@ -2,8 +2,7 @@ import { skinSkeleton } from 'components/Skeleton'; import folderEmptyImage from '../../../assets/icons/light/folder-open.svg'; import { DriveItemData } from '../../../app/drive/types'; import { useTranslationContext } from '../../../app/i18n/provider/TranslationProvider'; -import Empty from 'components/Empty'; -import { List, MenuItemType } from '@internxt/ui'; +import { List, MenuItemType, Empty } from '@internxt/ui'; import BackupListItem from './BackupListItem'; interface BackupsAsFoldersListProps { diff --git a/src/views/Backups/components/DeviceList.tsx b/src/views/Backups/components/DeviceList.tsx index 7de72eb6a..4b3e402d6 100644 --- a/src/views/Backups/components/DeviceList.tsx +++ b/src/views/Backups/components/DeviceList.tsx @@ -2,12 +2,11 @@ import desktopService from 'services/desktop.service'; import folderEmptyImage from '../../../assets/icons/light/folder-backup.svg'; import { DownloadSimple } from '@phosphor-icons/react'; -import Empty from 'components/Empty'; +import { List, Empty } from '@internxt/ui'; import { useTranslationContext } from '../../../app/i18n/provider/TranslationProvider'; import { contextMenuBackupItems } from 'views/Drive/components/DriveExplorer/components'; import { DriveFolderData } from '@internxt/sdk/dist/drive/storage/types'; import { skinSkeleton } from 'components/Skeleton'; -import { List } from '@internxt/ui'; import { Device } from '@internxt/sdk/dist/drive/backups/types'; import { DeviceNameCell, DeviceDateCell, DeviceSizeCell } from './DeviceListItem'; diff --git a/src/views/Drive/components/DriveExplorer/DriveExplorer.tsx b/src/views/Drive/components/DriveExplorer/DriveExplorer.tsx index d3ee4f926..5354a0654 100644 --- a/src/views/Drive/components/DriveExplorer/DriveExplorer.tsx +++ b/src/views/Drive/components/DriveExplorer/DriveExplorer.tsx @@ -9,7 +9,6 @@ import { NativeTypes } from 'react-dnd-html5-backend'; import folderEmptyImage from 'assets/icons/light/folder-open.svg'; import { transformDraggedItems } from 'services/drag-and-drop.service'; -import Empty from 'components/Empty'; import { AppDispatch, RootState } from 'app/store'; import { StorageFilters } from 'app/store/slices/storage/storage.model'; import { DriveExplorerGrid, DriveExplorerList, DriveTopBarActions } from './components'; @@ -18,7 +17,7 @@ import { useHotkeys } from 'react-hotkeys-hook'; import { moveItemsToTrash } from 'views/Trash/services'; import { WorkspaceData } from '@internxt/sdk/dist/workspaces'; -import { ContextMenu } from '@internxt/ui'; +import { ContextMenu, Empty } from '@internxt/ui'; import { t } from 'i18next'; import BannerWrapper from 'app/banners/BannerWrapper'; import deviceService from 'services/device.service'; diff --git a/src/views/Shared/components/EmptySharedView.tsx b/src/views/Shared/components/EmptySharedView.tsx index c9210f46a..da972c002 100644 --- a/src/views/Shared/components/EmptySharedView.tsx +++ b/src/views/Shared/components/EmptySharedView.tsx @@ -1,6 +1,6 @@ import { UploadSimple, Users } from '@phosphor-icons/react'; import { useTranslationContext } from '../../../app/i18n/provider/TranslationProvider'; -import Empty from 'components/Empty'; +import { Empty } from '@internxt/ui'; import folderEmptyImage from '../../../assets/icons/light/folder-open.svg'; import { SharedNamePath } from '../../../app/share/types'; From 5778ece8da3e134019dabe1658f2c2a1b9f2664b Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Tue, 31 Mar 2026 09:13:31 +0200 Subject: [PATCH 10/20] remove popover component --- src/components/Popover.tsx | 35 ----------------------------------- src/components/index.ts | 1 - 2 files changed, 36 deletions(-) delete mode 100644 src/components/Popover.tsx diff --git a/src/components/Popover.tsx b/src/components/Popover.tsx deleted file mode 100644 index 77589b6ff..000000000 --- a/src/components/Popover.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { Popover as HPopover, Transition } from '@headlessui/react'; -import { ReactNode } from 'react'; - -interface PopoverProps { - childrenButton: ReactNode; - panel: ReactNode; - className?: string; - classButton?: string; -} -export default function Popover({ - childrenButton, - panel, - className, - classButton, -}: Readonly): JSX.Element { - return ( - - {childrenButton} - - - - {panel} - - - - ); -} diff --git a/src/components/index.ts b/src/components/index.ts index 1f88e8449..2bc751052 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -14,7 +14,6 @@ export { LoadingRowSkeleton } from './LoadingRowSkeleton'; export { OnboardingModal } from './OnBoardingModal'; export { default as PasswordInput } from './PasswordInput'; export { default as PasswordStrengthIndicator } from './PasswordStrengthIndicator'; -export { default as Popover } from './Popover'; export { default as PreparingWorkspaceAnimation } from './PreparingWorkspaceAnimation'; export { ScrollableTable } from './ScrollableTable'; export { default as Sidenav } from './SidenavWrapper'; From 3d96ad6f4cce7abac880ac1f43c9f2a946196ce6 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Tue, 7 Apr 2026 09:01:46 +0200 Subject: [PATCH 11/20] update ui package version --- package.json | 4 +-- yarn.lock | 89 +++++++++++++++++++++++++++++++++++++++++----------- 2 files changed, 73 insertions(+), 20 deletions(-) diff --git a/package.json b/package.json index ed0aead90..24437cad2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "drive-web", - "version": "v1.0.735", + "version": "v1.0.737", "private": true, "packageManager": "yarn@1.22.22", "dependencies": { @@ -10,7 +10,7 @@ "@internxt/css-config": "1.1.0", "@internxt/lib": "1.4.1", "@internxt/sdk": "=1.15.6", - "@internxt/ui": "=0.1.8", + "@internxt/ui": "=0.1.13", "@phosphor-icons/react": "^2.1.7", "@popperjs/core": "^2.11.6", "@reduxjs/toolkit": "^1.6.0", diff --git a/yarn.lock b/yarn.lock index c4c245bb4..665a53d08 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1886,6 +1886,14 @@ dependencies: tailwindcss "^4.1.17" +"@internxt/css-config@^1.0.2": + version "1.0.3" + resolved "https://npm.pkg.github.com/download/@internxt/css-config/1.0.3/26437930886829b10faf82680c65ab28baff2d47#26437930886829b10faf82680c65ab28baff2d47" + integrity sha512-aLpqoS/qVeRToBbdytJDbPZD4hlJrthYjNZJH/Vv1Mpwd8IdkzrdcMPy1VrUb29DIEhowgBeBgnePh3fVqgdJQ== + dependencies: + tailwindcss "^3.4.14" + typescript "^5.6.3" + "@internxt/eslint-config-internxt@1.0.10": version "1.0.10" resolved "https://registry.yarnpkg.com/@internxt/eslint-config-internxt/-/eslint-config-internxt-1.0.10.tgz#19025c479f84617a59484660f2f9c983ff3bc4ec" @@ -1914,15 +1922,15 @@ axios "1.13.6" internxt-crypto "0.0.14" -"@internxt/ui@=0.1.8": - version "0.1.8" - resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.8.tgz#563e266b431b9817a2dd6dd3a39d356a54c081db" - integrity sha512-h60suo8azArfm9/sTNQ0pzstPgu802z00gPXE/bnqhE8SyxYeIg3cUlmUAc8avuVOmErSqI5BcNN40JdVRj9NA== +"@internxt/ui@=0.1.13": + version "0.0.23" + resolved "https://npm.pkg.github.com/download/@internxt/ui/0.0.23/c3598a1d212405391dbde35d2836f43668c23aa6#c3598a1d212405391dbde35d2836f43668c23aa6" + integrity sha512-5AHV78h8tUb2FOq19U6VtsmMHqwmQhojsV4Y8Jx9nOldZd2jDlYpayN+U8kqCMVgMWdczhbHr7ah56CTadvwlg== dependencies: - "@internxt/css-config" "1.1.0" - "@phosphor-icons/react" "^2.1.10" - "@radix-ui/react-switch" "^1.2.6" - "@radix-ui/themes" "^3.2.1" + "@internxt/css-config" "^1.0.2" + "@phosphor-icons/react" "^2.1.7" + "@radix-ui/react-switch" "^1.1.3" + "@radix-ui/themes" "^3.2.0" "@isaacs/cliui@^8.0.2": version "8.0.2" @@ -2109,11 +2117,6 @@ resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-2.1.0.tgz#0acf32f470af2ceaf47f095cdecd40d68666efda" integrity sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg== -"@phosphor-icons/react@^2.1.10": - version "2.1.10" - resolved "https://registry.yarnpkg.com/@phosphor-icons/react/-/react-2.1.10.tgz#3a97ec5b7a4b8d53afeb29125bc17e74ed2daf92" - integrity sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA== - "@phosphor-icons/react@^2.1.7": version "2.1.7" resolved "https://registry.yarnpkg.com/@phosphor-icons/react/-/react-2.1.7.tgz#b11a4b25849b7e3849970b688d9fe91e5d4fd8d7" @@ -2666,7 +2669,7 @@ "@radix-ui/react-use-previous" "1.1.1" "@radix-ui/react-use-size" "1.1.1" -"@radix-ui/react-switch@^1.2.6": +"@radix-ui/react-switch@^1.1.3": version "1.2.6" resolved "https://registry.yarnpkg.com/@radix-ui/react-switch/-/react-switch-1.2.6.tgz#ff79acb831f0d5ea9216cfcc5b939912571358e3" integrity sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ== @@ -2834,10 +2837,10 @@ resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.1.tgz#78244efe12930c56fd255d7923865857c41ac8cb" integrity sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw== -"@radix-ui/themes@^3.2.1": - version "3.2.1" - resolved "https://registry.yarnpkg.com/@radix-ui/themes/-/themes-3.2.1.tgz#2a2824627dae4a13b3f250b1611a4eca28c07da8" - integrity sha512-WJL2YKAGItkunwm3O4cLTFKCGJTfAfF6Hmq7f5bCo1ggqC9qJQ/wfg/25AAN72aoEM1yqXZQ+pslsw48AFR0Xg== +"@radix-ui/themes@^3.2.0": + version "3.3.0" + resolved "https://registry.yarnpkg.com/@radix-ui/themes/-/themes-3.3.0.tgz#e7e795ab158642cf6ca2617c683488445dccc989" + integrity sha512-I0/h2CRNTpYNB7Mi3xFIvSsQq5a108d7kK8dTO5zp5b9HR5QJXKag6B8tjpz2ITkVYkFdkGk45doNkSr7OxwNw== dependencies: "@radix-ui/colors" "^3.0.0" classnames "^2.3.2" @@ -6615,6 +6618,11 @@ jiti@^1.21.6: resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268" integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w== +jiti@^1.21.7: + version "1.21.7" + resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9" + integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A== + js-file-download@^0.4.12: version "0.4.12" resolved "https://registry.yarnpkg.com/js-file-download/-/js-file-download-0.4.12.tgz#10c70ef362559a5b23cdbdc3bd6f399c3d91d821" @@ -6758,6 +6766,11 @@ lilconfig@^3.0.0: resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb" integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow== +lilconfig@^3.1.1, lilconfig@^3.1.3: + version "3.1.3" + resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4" + integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw== + lines-and-columns@^1.1.6: version "1.2.4" resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632" @@ -7720,6 +7733,13 @@ postcss-load-config@^4.0.2: lilconfig "^3.0.0" yaml "^2.3.4" +"postcss-load-config@^4.0.2 || ^5.0 || ^6.0": + version "6.0.1" + resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096" + integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g== + dependencies: + lilconfig "^3.1.1" + postcss-media-query-parser@^0.2.3: version "0.2.3" resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244" @@ -9157,6 +9177,34 @@ tailwindcss@^3.3.4: resolve "^1.22.8" sucrase "^3.35.0" +tailwindcss@^3.4.14: + version "3.4.19" + resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.19.tgz#af2a0a4ae302d52ebe078b6775e799e132500ee2" + integrity sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ== + dependencies: + "@alloc/quick-lru" "^5.2.0" + arg "^5.0.2" + chokidar "^3.6.0" + didyoumean "^1.2.2" + dlv "^1.1.3" + fast-glob "^3.3.2" + glob-parent "^6.0.2" + is-glob "^4.0.3" + jiti "^1.21.7" + lilconfig "^3.1.3" + micromatch "^4.0.8" + normalize-path "^3.0.0" + object-hash "^3.0.0" + picocolors "^1.1.1" + postcss "^8.4.47" + postcss-import "^15.1.0" + postcss-js "^4.0.1" + postcss-load-config "^4.0.2 || ^5.0 || ^6.0" + postcss-nested "^6.2.0" + postcss-selector-parser "^6.1.2" + resolve "^1.22.8" + sucrase "^3.35.0" + tailwindcss@^4.1.17: version "4.1.17" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.17.tgz#e6dcb7a9c60cef7522169b5f207ffec2fd652286" @@ -9409,6 +9457,11 @@ typescript@^4.4.2: resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a" integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g== +typescript@^5.6.3: + version "5.9.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f" + integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw== + ua-parser-js@^1.0.33: version "1.0.41" resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.41.tgz#bd04dc9ec830fcf9e4fad35cf22dcedd2e3b4e9c" From 12a9b103c414aa6276d330adbafcfd402aa44634 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 8 Apr 2026 15:33:17 +0200 Subject: [PATCH 12/20] update ui version --- package.json | 2 +- yarn.lock | 83 ++++++++++------------------------------------------ 2 files changed, 16 insertions(+), 69 deletions(-) diff --git a/package.json b/package.json index d164933f6..04537727a 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ "@internxt/css-config": "1.1.0", "@internxt/lib": "1.4.1", "@internxt/sdk": "=1.15.6", - "@internxt/ui": "=0.1.13", + "@internxt/ui": "=0.1.8", "@phosphor-icons/react": "^2.1.7", "@popperjs/core": "^2.11.6", "@reduxjs/toolkit": "^1.6.0", diff --git a/yarn.lock b/yarn.lock index 7b04321da..9dc066366 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1886,14 +1886,6 @@ dependencies: tailwindcss "^4.1.17" -"@internxt/css-config@^1.0.2": - version "1.0.3" - resolved "https://npm.pkg.github.com/download/@internxt/css-config/1.0.3/26437930886829b10faf82680c65ab28baff2d47#26437930886829b10faf82680c65ab28baff2d47" - integrity sha512-aLpqoS/qVeRToBbdytJDbPZD4hlJrthYjNZJH/Vv1Mpwd8IdkzrdcMPy1VrUb29DIEhowgBeBgnePh3fVqgdJQ== - dependencies: - tailwindcss "^3.4.14" - typescript "^5.6.3" - "@internxt/eslint-config-internxt@1.0.10": version "1.0.10" resolved "https://registry.yarnpkg.com/@internxt/eslint-config-internxt/-/eslint-config-internxt-1.0.10.tgz#19025c479f84617a59484660f2f9c983ff3bc4ec" @@ -1922,15 +1914,15 @@ axios "1.13.6" internxt-crypto "0.0.14" -"@internxt/ui@=0.1.13": - version "0.0.23" - resolved "https://npm.pkg.github.com/download/@internxt/ui/0.0.23/c3598a1d212405391dbde35d2836f43668c23aa6#c3598a1d212405391dbde35d2836f43668c23aa6" - integrity sha512-5AHV78h8tUb2FOq19U6VtsmMHqwmQhojsV4Y8Jx9nOldZd2jDlYpayN+U8kqCMVgMWdczhbHr7ah56CTadvwlg== +"@internxt/ui@=0.1.8": + version "0.1.8" + resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.8.tgz#563e266b431b9817a2dd6dd3a39d356a54c081db" + integrity sha512-h60suo8azArfm9/sTNQ0pzstPgu802z00gPXE/bnqhE8SyxYeIg3cUlmUAc8avuVOmErSqI5BcNN40JdVRj9NA== dependencies: - "@internxt/css-config" "^1.0.2" - "@phosphor-icons/react" "^2.1.7" - "@radix-ui/react-switch" "^1.1.3" - "@radix-ui/themes" "^3.2.0" + "@internxt/css-config" "1.1.0" + "@phosphor-icons/react" "^2.1.10" + "@radix-ui/react-switch" "^1.2.6" + "@radix-ui/themes" "^3.2.1" "@isaacs/cliui@^8.0.2": version "8.0.2" @@ -2117,6 +2109,11 @@ resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-2.1.0.tgz#0acf32f470af2ceaf47f095cdecd40d68666efda" integrity sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg== +"@phosphor-icons/react@^2.1.10": + version "2.1.10" + resolved "https://registry.yarnpkg.com/@phosphor-icons/react/-/react-2.1.10.tgz#3a97ec5b7a4b8d53afeb29125bc17e74ed2daf92" + integrity sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA== + "@phosphor-icons/react@^2.1.7": version "2.1.7" resolved "https://registry.yarnpkg.com/@phosphor-icons/react/-/react-2.1.7.tgz#b11a4b25849b7e3849970b688d9fe91e5d4fd8d7" @@ -2669,7 +2666,7 @@ "@radix-ui/react-use-previous" "1.1.1" "@radix-ui/react-use-size" "1.1.1" -"@radix-ui/react-switch@^1.1.3": +"@radix-ui/react-switch@^1.2.6": version "1.2.6" resolved "https://registry.yarnpkg.com/@radix-ui/react-switch/-/react-switch-1.2.6.tgz#ff79acb831f0d5ea9216cfcc5b939912571358e3" integrity sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ== @@ -2837,7 +2834,7 @@ resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.1.tgz#78244efe12930c56fd255d7923865857c41ac8cb" integrity sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw== -"@radix-ui/themes@^3.2.0": +"@radix-ui/themes@^3.2.1": version "3.3.0" resolved "https://registry.yarnpkg.com/@radix-ui/themes/-/themes-3.3.0.tgz#e7e795ab158642cf6ca2617c683488445dccc989" integrity sha512-I0/h2CRNTpYNB7Mi3xFIvSsQq5a108d7kK8dTO5zp5b9HR5QJXKag6B8tjpz2ITkVYkFdkGk45doNkSr7OxwNw== @@ -6618,11 +6615,6 @@ jiti@^1.21.6: resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268" integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w== -jiti@^1.21.7: - version "1.21.7" - resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9" - integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A== - js-file-download@^0.4.12: version "0.4.12" resolved "https://registry.yarnpkg.com/js-file-download/-/js-file-download-0.4.12.tgz#10c70ef362559a5b23cdbdc3bd6f399c3d91d821" @@ -6766,11 +6758,6 @@ lilconfig@^3.0.0: resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb" integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow== -lilconfig@^3.1.1, lilconfig@^3.1.3: - version "3.1.3" - resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4" - integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw== - lines-and-columns@^1.1.6: version "1.2.4" resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632" @@ -7733,13 +7720,6 @@ postcss-load-config@^4.0.2: lilconfig "^3.0.0" yaml "^2.3.4" -"postcss-load-config@^4.0.2 || ^5.0 || ^6.0": - version "6.0.1" - resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096" - integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g== - dependencies: - lilconfig "^3.1.1" - postcss-media-query-parser@^0.2.3: version "0.2.3" resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244" @@ -9177,34 +9157,6 @@ tailwindcss@^3.3.4: resolve "^1.22.8" sucrase "^3.35.0" -tailwindcss@^3.4.14: - version "3.4.19" - resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.19.tgz#af2a0a4ae302d52ebe078b6775e799e132500ee2" - integrity sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ== - dependencies: - "@alloc/quick-lru" "^5.2.0" - arg "^5.0.2" - chokidar "^3.6.0" - didyoumean "^1.2.2" - dlv "^1.1.3" - fast-glob "^3.3.2" - glob-parent "^6.0.2" - is-glob "^4.0.3" - jiti "^1.21.7" - lilconfig "^3.1.3" - micromatch "^4.0.8" - normalize-path "^3.0.0" - object-hash "^3.0.0" - picocolors "^1.1.1" - postcss "^8.4.47" - postcss-import "^15.1.0" - postcss-js "^4.0.1" - postcss-load-config "^4.0.2 || ^5.0 || ^6.0" - postcss-nested "^6.2.0" - postcss-selector-parser "^6.1.2" - resolve "^1.22.8" - sucrase "^3.35.0" - tailwindcss@^4.1.17: version "4.1.17" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.17.tgz#e6dcb7a9c60cef7522169b5f207ffec2fd652286" @@ -9457,11 +9409,6 @@ typescript@^4.4.2: resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a" integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g== -typescript@^5.6.3: - version "5.9.3" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f" - integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw== - ua-parser-js@^1.0.33: version "1.0.41" resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.41.tgz#bd04dc9ec830fcf9e4fad35cf22dcedd2e3b4e9c" From 5ee65419f649e0cc41cdee7cbc86413be041dd51 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 8 Apr 2026 15:34:34 +0200 Subject: [PATCH 13/20] update ui version --- yarn.lock | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/yarn.lock b/yarn.lock index 9dc066366..63978bd44 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2835,9 +2835,9 @@ integrity sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw== "@radix-ui/themes@^3.2.1": - version "3.3.0" - resolved "https://registry.yarnpkg.com/@radix-ui/themes/-/themes-3.3.0.tgz#e7e795ab158642cf6ca2617c683488445dccc989" - integrity sha512-I0/h2CRNTpYNB7Mi3xFIvSsQq5a108d7kK8dTO5zp5b9HR5QJXKag6B8tjpz2ITkVYkFdkGk45doNkSr7OxwNw== + version "3.2.1" + resolved "https://registry.yarnpkg.com/@radix-ui/themes/-/themes-3.2.1.tgz#2a2824627dae4a13b3f250b1611a4eca28c07da8" + integrity sha512-WJL2YKAGItkunwm3O4cLTFKCGJTfAfF6Hmq7f5bCo1ggqC9qJQ/wfg/25AAN72aoEM1yqXZQ+pslsw48AFR0Xg== dependencies: "@radix-ui/colors" "^3.0.0" classnames "^2.3.2" From 28e692f3c203dff19f73031be4171f84adcd4d2f Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 8 Apr 2026 17:33:09 +0200 Subject: [PATCH 14/20] update internxt ui package version --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 6f446468d..5159a1bd2 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ "@internxt/css-config": "1.1.0", "@internxt/lib": "1.4.1", "@internxt/sdk": "=1.15.6", - "@internxt/ui": "=0.1.8", + "@internxt/ui": "=0.1.14", "@phosphor-icons/react": "^2.1.7", "@popperjs/core": "^2.11.6", "@reduxjs/toolkit": "^1.6.0", diff --git a/yarn.lock b/yarn.lock index 63978bd44..440851e7f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1914,10 +1914,10 @@ axios "1.13.6" internxt-crypto "0.0.14" -"@internxt/ui@=0.1.8": - version "0.1.8" - resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.8.tgz#563e266b431b9817a2dd6dd3a39d356a54c081db" - integrity sha512-h60suo8azArfm9/sTNQ0pzstPgu802z00gPXE/bnqhE8SyxYeIg3cUlmUAc8avuVOmErSqI5BcNN40JdVRj9NA== +"@internxt/ui@=0.1.14": + version "0.1.14" + resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.14.tgz#a318afb79bd0af3cdb1d0eacd5aa64ce25dc0e44" + integrity sha512-wNx4cBxyEj9Gsx+1isYyi71df1Rum5dlFyKpP2z6MVFHaLkjW869ssFQM+2SCDxKwTXGrLvX6r/lNmtmwDQVWw== dependencies: "@internxt/css-config" "1.1.0" "@phosphor-icons/react" "^2.1.10" From c298b8f084e5a6a802c77b8f94011a4b12967f91 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 8 Apr 2026 17:34:02 +0200 Subject: [PATCH 15/20] update side nav path --- src/hooks/useSidenavNavigation.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/hooks/useSidenavNavigation.tsx b/src/hooks/useSidenavNavigation.tsx index ab6c6849f..100fd4926 100644 --- a/src/hooks/useSidenavNavigation.tsx +++ b/src/hooks/useSidenavNavigation.tsx @@ -5,7 +5,7 @@ import { useSelector } from 'react-redux'; import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; import { useAppSelector } from 'app/store/hooks'; import workspacesSelectors from 'app/store/slices/workspaces/workspaces.selectors'; -import { SidenavOption } from '@internxt/ui/dist/components/sidenav/SidenavOptions'; +import { SidenavOption } from '@internxt/ui/dist/components/navigation/sidenav/SidenavOptions'; import { AppView } from 'app/core/types'; import { RootState } from 'app/store'; import localStorageService from 'services/local-storage.service'; From 44dd6d3d9ce2198681848ab1f3180a2a0cf0d427 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Wed, 8 Apr 2026 18:26:19 +0200 Subject: [PATCH 16/20] update grid version --- .../components/DriveExplorerGrid.scss | 9 --------- .../components/DriveExplorerGrid.tsx | 15 ++++++++------- 2 files changed, 8 insertions(+), 16 deletions(-) delete mode 100644 src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.scss diff --git a/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.scss b/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.scss deleted file mode 100644 index 70d381886..000000000 --- a/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.scss +++ /dev/null @@ -1,9 +0,0 @@ -@tailwind components; - -@layer components { - .files-grid { - max-width: fit-content; - - @apply mb-2 grid min-w-full auto-rows-min grid-cols-2 gap-2 overflow-y-auto overflow-x-hidden sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6; - } -} diff --git a/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.tsx b/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.tsx index 9c4bb3fa7..c7461915f 100644 --- a/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.tsx +++ b/src/views/Drive/components/DriveExplorer/components/DriveExplorerGrid.tsx @@ -1,14 +1,13 @@ import React, { FC, useEffect, useRef } from 'react'; import { connect } from 'react-redux'; - import { useAppDispatch } from 'app/store/hooks'; import { fetchSortedFolderContentThunk } from 'app/store/slices/storage/storage.thunks/fetchSortedFolderContentThunk'; import InfiniteScroll from 'react-infinite-scroll-component'; import { DriveItemData } from 'app/drive/types'; +import { Grid } from '@internxt/ui'; import DriveGridItemSkeleton from '../../DriveGridItemSkeleton'; import EditItemNameDialog from 'app/drive/components/EditItemNameDialog/EditItemNameDialog'; import DriveExplorerGridItem from './DriveExplorerGridItem'; -import './DriveExplorerGrid.scss'; interface DriveExplorerGridProps { folderId: string; @@ -93,7 +92,7 @@ const DriveExplorerGrid: FC = (props: DriveExplorerGridP return ( <> {isLoading && isFirstLoad.current ? ( -
{loadingSkeleton()}
+ {loadingSkeleton()} ) : (
= (props: DriveExplorerGridP dataLength={itemsList().length} next={onEndOfScroll} hasMore={hasMoreItems} - loader={loadingSkeleton()} + loader={{loadingSkeleton()}} scrollableTarget="scrollableList" - className="files-grid z-0 grow" + className="z-0 grow" style={{ overflow: 'visible' }} scrollThreshold={0.6} > - {itemsFolderList()} - {itemsFileList()} + + {itemsFolderList()} + {itemsFileList()} +
)} From 34faa43dcfbb8f67a26d3a7ea5ab0f1128f22090 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Thu, 9 Apr 2026 10:22:16 +0200 Subject: [PATCH 17/20] Update index.ts --- src/components/index.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/index.ts b/src/components/index.ts index 6ebfb0330..17b6dd9fb 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -7,7 +7,6 @@ export { default as BreadcrumbsMenuDrive } from './BreadcrumbsMenuDrive'; export { default as BreadcrumbsMoveItemsDialogView } from './BreadcrumbsMoveItemsDialogView'; export * from './BreadcrumbsHelper'; export { default as Card } from './Card'; -export { default as Empty } from './Empty'; export { default as ExpiredLinkView } from './ExpiredLinkView'; export { LoadingRowSkeleton } from './LoadingRowSkeleton'; export { OnboardingModal } from './OnBoardingModal'; From 3545e8027a35e4e08934fb1dde610f4f1f2f2320 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Thu, 9 Apr 2026 12:17:15 +0200 Subject: [PATCH 18/20] delete sharedFolderToBigDialog --- .../HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx | 3 --- .../SharedFolderTooBigDialog.scss | 10 ---------- src/app/store/slices/ui/index.ts | 6 ------ 3 files changed, 19 deletions(-) delete mode 100644 src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.scss diff --git a/src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx b/src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx index 63c4b05ab..3a4c6f47b 100644 --- a/src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx +++ b/src/app/core/layouts/HeaderAndSidenavLayout/HeaderAndSidenavLayout.tsx @@ -8,7 +8,6 @@ import { AppView } from '../../types'; import { useAppDispatch, useAppSelector } from 'app/store/hooks'; import TaskLogger from 'app/tasks/components/TaskLogger/TaskLogger'; import DriveItemInfoMenu from 'app/drive/components/DriveItemInfoMenu/DriveItemInfoMenu'; -import SharedFolderTooBigDialog from '../../../drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog'; import { getAppConfig } from 'services/config.service'; import ShareItemDialog from '../../../../views/Shared/components/ShareItemDialog/ShareItemDialog'; import { Sidebar as VersionHistorySidebar } from '../../../../views/Drive/components/VersionHistory'; @@ -24,7 +23,6 @@ export default function HeaderAndSidenavLayout(props: HeaderAndSidenavLayoutProp const itemToShare = useAppSelector((state) => state.storage.itemToShare); const isShareItemDialogOpen = useAppSelector((state) => state.ui.isShareItemDialogOpen); const isReachedPlanLimitDialogOpen = useAppSelector((state) => state.ui.isReachedPlanLimitDialogOpen); - const isSharedFolderTooBigDialogOpen = useAppSelector((state) => state.ui.isSharedFolderTooBigDialogOpen); const isDriveItemInfoMenuOpen = useAppSelector((state) => state.ui.isDriveItemInfoMenuOpen); const driveItemInfo = useAppSelector((state) => state.ui.currentFileInfoMenuItem); const onDriveItemInfoMenuClosed = () => { @@ -42,7 +40,6 @@ export default function HeaderAndSidenavLayout(props: HeaderAndSidenavLayoutProp
{isShareItemDialogOpen && itemToShare && } {isReachedPlanLimitDialogOpen && } - {isSharedFolderTooBigDialogOpen && }
diff --git a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.scss b/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.scss deleted file mode 100644 index 7462fc39e..000000000 --- a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.scss +++ /dev/null @@ -1,10 +0,0 @@ -.message-dialog-panel { - inset: 0; - margin: auto; - width: 300px; - max-height: max-content; -} - -.message-dialog-close-button { - width: 16px; -} diff --git a/src/app/store/slices/ui/index.ts b/src/app/store/slices/ui/index.ts index e637d4965..74c96de28 100644 --- a/src/app/store/slices/ui/index.ts +++ b/src/app/store/slices/ui/index.ts @@ -22,7 +22,6 @@ interface UISliceState { isReachedPlanLimitDialogOpen: boolean; isUpgradePlanDialogOpen: boolean; currentUpgradePlanDialogInfo: UpgradePlanDialogInfo | null; - isSharedFolderTooBigDialogOpen: boolean; isShareItemDialogOpen: boolean; isShareItemDialogOpenInPreviewView: boolean; isUploadItemsFailsDialogOpen: boolean; @@ -61,7 +60,6 @@ const initialState: UISliceState = { isReachedPlanLimitDialogOpen: false, isUpgradePlanDialogOpen: false, currentUpgradePlanDialogInfo: null, - isSharedFolderTooBigDialogOpen: false, isShareItemDialogOpen: false, isShareItemDialogOpenInPreviewView: false, isUploadItemsFailsDialogOpen: false, @@ -148,9 +146,6 @@ export const uiSlice = createSlice({ setCurrentUpgradePlanDialogInfo: (state: UISliceState, action: PayloadAction) => { state.currentUpgradePlanDialogInfo = action.payload; }, - setIsSharedFolderTooBigDialogOpen: (state: UISliceState, action: PayloadAction) => { - state.isSharedFolderTooBigDialogOpen = action.payload; - }, setIsShareItemDialogOpen: (state: UISliceState, action: PayloadAction) => { state.isShareItemDialogOpen = action.payload; }, @@ -214,7 +209,6 @@ export const { setIsReachedPlanLimitDialogOpen, setIsUpgradePlanDialogOpen, setCurrentUpgradePlanDialogInfo, - setIsSharedFolderTooBigDialogOpen, setIsShareItemDialogOpen, setIsDeleteBackupDialog, setIsUploadItemsFailsDialogOpen, From 76d202dc8e03719774c65ca8c10416dd76d958a8 Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Thu, 9 Apr 2026 16:06:57 +0200 Subject: [PATCH 19/20] update ui version --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 5159a1bd2..6de544080 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ "@internxt/css-config": "1.1.0", "@internxt/lib": "1.4.1", "@internxt/sdk": "=1.15.6", - "@internxt/ui": "=0.1.14", + "@internxt/ui": "=0.1.15", "@phosphor-icons/react": "^2.1.7", "@popperjs/core": "^2.11.6", "@reduxjs/toolkit": "^1.6.0", diff --git a/yarn.lock b/yarn.lock index 440851e7f..e3960e201 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1914,10 +1914,10 @@ axios "1.13.6" internxt-crypto "0.0.14" -"@internxt/ui@=0.1.14": - version "0.1.14" - resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.14.tgz#a318afb79bd0af3cdb1d0eacd5aa64ce25dc0e44" - integrity sha512-wNx4cBxyEj9Gsx+1isYyi71df1Rum5dlFyKpP2z6MVFHaLkjW869ssFQM+2SCDxKwTXGrLvX6r/lNmtmwDQVWw== +"@internxt/ui@=0.1.15": + version "0.1.15" + resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.15.tgz#305e846837a8519bdea63eb17900bbf3aed2b09c" + integrity sha512-dxJlZSecIR67aEGI76CLHQ60GUkUjrMJfHeIVdd+528gm8Lz9yx7mr/bWCKfbpmbv5j9Oyvp5wBuFUfx/bxRLw== dependencies: "@internxt/css-config" "1.1.0" "@phosphor-icons/react" "^2.1.10" From 092d20a743038927d4ef5ab9368c14938923b94b Mon Sep 17 00:00:00 2001 From: jaaaaavier Date: Thu, 9 Apr 2026 16:11:05 +0200 Subject: [PATCH 20/20] remove unused component --- .../SharedFolderTooBigDialog.tsx | 38 ------------------- 1 file changed, 38 deletions(-) delete mode 100644 src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx diff --git a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx b/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx deleted file mode 100644 index 4284ab322..000000000 --- a/src/app/drive/components/SharedFolderTooBigDialog/SharedFolderTooBigDialog.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import { useAppDispatch, useAppSelector } from 'app/store/hooks'; -import { BaseDialog } from '@internxt/ui'; -import BaseButton from 'components/BaseButton'; -import { uiActions } from 'app/store/slices/ui'; -import './SharedFolderTooBigDialog.scss'; -import { useTranslationContext } from 'app/i18n/provider/TranslationProvider'; - -const SharedFolderTooBigDialog = (): JSX.Element => { - const { translate } = useTranslationContext(); - const isOpen = useAppSelector((state) => state.ui.isSharedFolderTooBigDialogOpen); - const dispatch = useAppDispatch(); - - const onClose = (): void => { - dispatch(uiActions.setIsSharedFolderTooBigDialogOpen(false)); - }; - - return ( - - - {translate('error.sharedFolderTooBig')}  - {translate('error.workingOnIt')}{' '} - - See more - - - -
-
- onClose()} className="transparent mr-2 w-11/12"> - {translate('actions.dismiss') as string} - -
-
- - ); -}; - -export default SharedFolderTooBigDialog;