diff --git a/apps/docs/docs/widgets/downloads/img/context-menu.png b/apps/docs/docs/widgets/downloads/img/context-menu.png new file mode 100644 index 000000000..ea0030ec8 Binary files /dev/null and b/apps/docs/docs/widgets/downloads/img/context-menu.png differ diff --git a/apps/docs/docs/widgets/downloads/img/screenshot.png b/apps/docs/docs/widgets/downloads/img/screenshot.png index c6cdde381..12b277836 100644 Binary files a/apps/docs/docs/widgets/downloads/img/screenshot.png and b/apps/docs/docs/widgets/downloads/img/screenshot.png differ diff --git a/packages/widgets/src/downloads/component.tsx b/packages/widgets/src/downloads/component.tsx index 9bc5c46c8..b8ddd35e2 100644 --- a/packages/widgets/src/downloads/component.tsx +++ b/packages/widgets/src/downloads/component.tsx @@ -3,20 +3,17 @@ import "../widgets-common.css"; import "./styles.css"; -import { useCallback, useMemo, useRef, useState } from "react"; +import { useCallback, useMemo, useState } from "react"; import { ActionIcon, Avatar, Badge, Box, Center, - Divider, Group, Menu, Portal, Progress, - ScrollArea, - SegmentedControl, Stack, Text, Tooltip, @@ -24,8 +21,6 @@ import { } from "@mantine/core"; import { useDisclosure } from "@mantine/hooks"; import { - IconChevronDown, - IconChevronRight, IconCopy, IconDownload, IconFilter, @@ -36,7 +31,6 @@ import { IconTrash, IconTrashX, IconUpload, - IconX, } from "@tabler/icons-react"; import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime"; @@ -415,9 +409,6 @@ export default function DownloadClientsWidget({ const closeContextMenu = useCallback(() => setContextMenu(null), []); - const toggleExpand = useCallback((id: string) => { - setExpandedIds((prev) => prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id]); - }, []); const totalSpeed = clients.reduce((sum, c) => sum + (c.status?.rates.down ?? 0), 0); const totalUpSpeed = clients.reduce((sum, c) => sum + (c.status?.rates.up ?? 0), 0); @@ -461,7 +452,6 @@ export default function DownloadClientsWidget({ height="100%" className="downloads-table" onRowContextMenu={isEditMode ? undefined : handleContextMenu} - onRowClick={isEditMode ? undefined : ({ record }) => toggleExpand(record.id)} rowExpansion={{ allowMultiple: true, expanded: { recordIds: expandedIds, onRecordIdsChange: setExpandedIds },