diff --git a/src/features/ui/dashboard/nodes/get-active-sesions-on-node/get-active-sesions-on-node.feature.tsx b/src/features/ui/dashboard/nodes/get-active-sesions-on-node/get-active-sesions-on-node.feature.tsx
index 8cb477b9..25fbde10 100644
--- a/src/features/ui/dashboard/nodes/get-active-sesions-on-node/get-active-sesions-on-node.feature.tsx
+++ b/src/features/ui/dashboard/nodes/get-active-sesions-on-node/get-active-sesions-on-node.feature.tsx
@@ -1,7 +1,7 @@
+import { ActionIcon, Tooltip } from '@mantine/core'
import { useTranslation } from 'react-i18next'
import { useDisclosure } from '@mantine/hooks'
import { TbRadar } from 'react-icons/tb'
-import { Menu } from '@mantine/core'
import { NodeActiveSessionsDrawerWidget } from '@widgets/dashboard/nodes/node-active-sessions'
@@ -16,12 +16,16 @@ export function GetActiveSessionsOnNodeFeature(props: IProps) {
return (
<>
-
}
- onClick={activeSessionsModalHandlers.open}
- >
- {t('get-user-usage.feature.active-sessions')}
-
+
+
+
+
+
{
const openModalWithData = useModalsStoreOpenWithData()
return (
- }
- onClick={() => {
- openModalWithData(MODALS.SHOW_NODE_LINKED_HOSTS_DRAWER, {
- nodeUuid
- })
- }}
- >
- {t('get-node-linked-hosts.feature.linked-hosts')}
-
+
+ {
+ openModalWithData(MODALS.SHOW_NODE_LINKED_HOSTS_DRAWER, {
+ nodeUuid
+ })
+ }}
+ size="lg"
+ variant="soft"
+ >
+
+
+
)
}
diff --git a/src/features/ui/dashboard/nodes/get-node-users-usage/get-node-users-usage.feature.tsx b/src/features/ui/dashboard/nodes/get-node-users-usage/get-node-users-usage.feature.tsx
index 8fe0312f..fb11def4 100644
--- a/src/features/ui/dashboard/nodes/get-node-users-usage/get-node-users-usage.feature.tsx
+++ b/src/features/ui/dashboard/nodes/get-node-users-usage/get-node-users-usage.feature.tsx
@@ -1,6 +1,6 @@
+import { ActionIcon, Tooltip } from '@mantine/core'
import { PiChartBarDuotone } from 'react-icons/pi'
import { useTranslation } from 'react-i18next'
-import { Menu } from '@mantine/core'
import { memo } from 'react'
import { MODALS, useModalsStoreOpenWithData } from '@entities/dashboard/modal-store'
@@ -14,17 +14,20 @@ const GetNodeUsersUsageFeatureComponent = (props: IProps) => {
const openModalWithData = useModalsStoreOpenWithData()
return (
- }
- onClick={() => {
- openModalWithData(MODALS.SHOW_NODE_USERS_USAGE_DRAWER, {
- nodeUuid
- })
- }}
- >
- {t('get-user-usage.feature.show-usage')}
-
+
+ {
+ openModalWithData(MODALS.SHOW_NODE_USERS_USAGE_DRAWER, {
+ nodeUuid
+ })
+ }}
+ size="lg"
+ variant="soft"
+ >
+
+
+
)
}
diff --git a/src/shared/ui/forms/nodes/base-node-form/base-node-form.tsx b/src/shared/ui/forms/nodes/base-node-form/base-node-form.tsx
index 82e89f78..7783f089 100644
--- a/src/shared/ui/forms/nodes/base-node-form/base-node-form.tsx
+++ b/src/shared/ui/forms/nodes/base-node-form/base-node-form.tsx
@@ -13,10 +13,7 @@ import { motion } from 'framer-motion'
import { ReactNode } from 'react'
import { t } from 'i18next'
-import { GetActiveSessionsOnNodeFeature } from '@features/ui/dashboard/nodes/get-active-sesions-on-node'
import { ToggleNodeStatusButtonFeature } from '@features/ui/dashboard/nodes/toggle-node-status-button'
-import { GetNodeLinkedHostsFeature } from '@features/ui/dashboard/nodes/get-node-linked-hosts'
-import { GetNodeUsersUsageFeature } from '@features/ui/dashboard/nodes/get-node-users-usage'
import { RestartNodeButtonFeature } from '@features/ui/dashboard/nodes/restart-node-button'
import { ResetNodeTrafficFeature } from '@features/ui/dashboard/nodes/reset-node-traffic'
import { ModalAccordionWidget } from '@widgets/dashboard/nodes/modal-accordeon-widget'
@@ -208,11 +205,6 @@ export const BaseNodeForm = (props: IProps<
-
- {t('base-node-form.quick-actions')}
-
-
-
)}
diff --git a/src/widgets/dashboard/nodes/node-details-card/node-details-card.widget.tsx b/src/widgets/dashboard/nodes/node-details-card/node-details-card.widget.tsx
index d9ac56f3..b64fe3aa 100644
--- a/src/widgets/dashboard/nodes/node-details-card/node-details-card.widget.tsx
+++ b/src/widgets/dashboard/nodes/node-details-card/node-details-card.widget.tsx
@@ -2,6 +2,7 @@ import {
ActionIcon,
Badge,
Box,
+ Divider,
Group,
Loader,
Paper,
@@ -22,6 +23,9 @@ import { TbPower, TbWifi, TbWifiOff } from 'react-icons/tb'
import { memo, useCallback, useMemo } from 'react'
import { useTranslation } from 'react-i18next'
+import { GetActiveSessionsOnNodeFeature } from '@features/ui/dashboard/nodes/get-active-sesions-on-node'
+import { GetNodeLinkedHostsFeature } from '@features/ui/dashboard/nodes/get-node-linked-hosts'
+import { GetNodeUsersUsageFeature } from '@features/ui/dashboard/nodes/get-node-users-usage'
import { getNodeResetDaysUtil, getXrayUptimeUtil } from '@shared/utils/time-utils'
import { QueryKeys, useDisableNode, useEnableNode } from '@shared/api/hooks'
import { BaseOverlayHeader } from '@shared/ui/overlays/base-overlay-header'
@@ -243,6 +247,22 @@ export const NodeDetailsCardWidget = memo((props: IProps) => {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+