feat: add reset node traffic functionality

Author: kastov

package-lock.json

@@ -59,7 +59,7 @@
     "@monaco-editor/react": "^4.7.0",
     "@noble/post-quantum": "^0.5.2",
     "@paralleldrive/cuid2": "2.2.2",
-    "@remnawave/backend-contract": "2.2.31",
+    "@remnawave/backend-contract": "2.2.32",
     "@simplewebauthn/browser": "^13.2.2",
     "@stablelib/base64": "^2.0.1",
     "@stablelib/x25519": "^2.0.1",
@@ -194,4 +194,4 @@
       "inquirer": "9.3.5"
     }
   }
-}
+}

package.json

@@ -1779,5 +1779,10 @@
             "failed-to-load-documentation": "Failed to load documentation",
             "loading-documentation": "Loading documentation..."
         }
+    },
+    "reset-node-traffic": {
+        "feature": {
+            "reset-traffic": "Reset Traffic"
+        }
     }
 }

public/locales/en/remnawave.json

@@ -28,7 +28,7 @@ export function DeleteNodeFeature(props: IProps) {
     return (
         <Menu.Item
             color="red.5"
-            leftSection={isPending ? <Loader color="red" size={14} /> : <TbTrash size={14} />}
+            leftSection={isPending ? <Loader color="red" size="1rem" /> : <TbTrash size="1rem" />}
             onClick={handleDeleteNode}
         >
             {t('common.delete')}

src/features/ui/dashboard/nodes/delete-node/delete-node.feature.tsx

@@ -0,0 +1 @@
+export * from './reset-node-traffic.feature'

src/features/ui/dashboard/nodes/reset-node-traffic/index.ts

@@ -0,0 +1 @@
+export * from './props.interface'

src/features/ui/dashboard/nodes/reset-node-traffic/interfaces/index.ts

@@ -0,0 +1,6 @@
+import { GetOneNodeCommand } from '@remnawave/backend-contract'
+
+export interface IProps {
+    handleClose: () => void
+    node: GetOneNodeCommand.Response['response']
+}

src/features/ui/dashboard/nodes/reset-node-traffic/interfaces/props.interface.ts

@@ -0,0 +1,34 @@
+import { useTranslation } from 'react-i18next'
+import { Loader, Menu } from '@mantine/core'
+import { TbRefresh } from 'react-icons/tb'
+
+import { useResetNodeTraffic } from '@shared/api/hooks'
+
+import { IProps } from './interfaces'
+
+export function ResetNodeTrafficFeature(props: IProps) {
+    const { t } = useTranslation()
+    const { handleClose, node } = props
+
+    const { mutate: resetNodeTraffic, isPending } = useResetNodeTraffic({
+        route: {
+            uuid: node.uuid
+        },
+        mutationFns: {
+            onSuccess: async () => {
+                handleClose()
+            }
+        }
+    })
+
+    return (
+        <Menu.Item
+            leftSection={
+                isPending ? <Loader color="teal" size="1rem" /> : <TbRefresh size="1rem" />
+            }
+            onClick={() => resetNodeTraffic({})}
+        >
+            {t('reset-node-traffic.feature.reset-traffic')}
+        </Menu.Item>
+    )
+}

src/features/ui/dashboard/nodes/reset-node-traffic/reset-node-traffic.feature.tsx

@@ -30,7 +30,13 @@ export function RestartNodeButtonFeature(props: IProps) {
         <Menu.Item
             color="teal"
             disabled={node.isDisabled}
-            leftSection={isRestartNodePending ? <Loader color="teal" size="1rem" /> : <TbReload />}
+            leftSection={
+                isRestartNodePending ? (
+                    <Loader color="teal" size="1rem" />
+                ) : (
+                    <TbReload size="1rem" />
+                )
+            }
             onClick={() => restartNode({})}
         >
             {t('restart-node-button.feature.restart')}

src/features/ui/dashboard/nodes/restart-node-button/restart-node-button.feature.tsx

@@ -4,6 +4,7 @@ import {
     DisableNodeCommand,
     EnableNodeCommand,
     ReorderNodeCommand,
+    ResetNodeTrafficCommand,
     RestartAllNodesCommand,
     RestartNodeCommand,
     UpdateNodeCommand
@@ -195,3 +196,27 @@ export const useRestartNode = createMutationHook({
         }
     }
 })
+
+export const useResetNodeTraffic = createMutationHook({
+    endpoint: ResetNodeTrafficCommand.TSQ_url,
+    responseSchema: ResetNodeTrafficCommand.ResponseSchema,
+    routeParamsSchema: ResetNodeTrafficCommand.RequestSchema,
+    requestMethod: ResetNodeTrafficCommand.endpointDetails.REQUEST_METHOD,
+    rMutationParams: {
+        onSuccess: () => {
+            notifications.show({
+                title: 'Success',
+                message: 'Node traffic reset successfully',
+                color: 'teal'
+            })
+        },
+        onError: (error) => {
+            notifications.show({
+                title: `Reset Node Traffic`,
+                message:
+                    error instanceof Error ? error.message : `Request failed with unknown error.`,
+                color: 'red'
+            })
+        }
+    }
+})