From d53de7c6417c2913a20b8e2c0e3e37367f87c597 Mon Sep 17 00:00:00 2001 From: Thomas Camlong Date: Tue, 21 Jul 2026 12:13:11 +0200 Subject: [PATCH] fix: let mantine-datatable manage row expansion state internally --- apps/docs/docs/widgets/downloads/index.mdx | 15 +++++++++++++++ packages/widgets/src/downloads/component.tsx | 2 -- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/apps/docs/docs/widgets/downloads/index.mdx b/apps/docs/docs/widgets/downloads/index.mdx index 1d4a24831..fff9decbe 100644 --- a/apps/docs/docs/widgets/downloads/index.mdx +++ b/apps/docs/docs/widgets/downloads/index.mdx @@ -25,6 +25,21 @@ import { downloadsWidget } from '.'; This widget displays a list of torrents or usenet-articles that are currently being downloaded, along with their progress and other relevant information. It supports 7 download client integrations and provides a rich, responsive table interface. +### Screenshots + +import downloadsCard from './img/screenshot.png'; +import contextMenuImg from './img/context-menu.png'; + +
+ Downloads widget showing torrent and usenet items +
+ +#### Right-click context menu + +
+ Downloads widget context menu with pause, delete, and copy actions +
+ ### Features - **Responsive table** — columns automatically adapt to widget width, hiding less important columns at smaller sizes diff --git a/packages/widgets/src/downloads/component.tsx b/packages/widgets/src/downloads/component.tsx index b8ddd35e2..9971d6c5f 100644 --- a/packages/widgets/src/downloads/component.tsx +++ b/packages/widgets/src/downloads/component.tsx @@ -111,7 +111,6 @@ export default function DownloadClientsWidget({ const [clientFilter, setClientFilter] = useState([]); const [statusFilter, setStatusFilter] = useState([]); - const [expandedIds, setExpandedIds] = useState([]); const [contextMenu, setContextMenu] = useState(null); const utils = clientApi.useUtils(); @@ -454,7 +453,6 @@ export default function DownloadClientsWidget({ onRowContextMenu={isEditMode ? undefined : handleContextMenu} rowExpansion={{ allowMultiple: true, - expanded: { recordIds: expandedIds, onRecordIdsChange: setExpandedIds }, content: ({ record }) => , }} />