Administrator/real-debrid-downloader
1
0
Fork 0
Code Issues Pull Requests Actions 132 Packages Projects Releases 238 Wiki Activity

Release v1.4.24 with UI improvements

Browse Source 
- Fix drag overlay appearing during internal package reorder
- Rename "Paket abbrechen" to "Paket löschen"
- Make package deletion instant (remove performQuickAction delay)
- Add A-Z / Z-A sorting buttons for packages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sucukdeluxe 2026-02-28 12:41:39 +01:00
parent 9598fca34e
commit c1e614650a
2 changed files with 33 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "real-debrid-downloader",
"version": "1.4.23",
"version": "1.4.24",
"description": "Real-Debrid Downloader Desktop (Electron + React + TypeScript)",
"main": "build/main/main/main.js",
"author": "Sucukdeluxe",

34
src/renderer/App.tsx
View File

@ -743,6 +743,7 @@ export function App(): ReactElement {
className={`app-shell${dragOver ? " drag-over" : ""}`}
onDragEnter={(event) => {
event.preventDefault();
if (draggedPackageIdRef.current) { return; }
dragDepthRef.current += 1;
if (!dragOverRef.current) {
dragOverRef.current = true;
@ -753,6 +754,7 @@ export function App(): ReactElement {
e.preventDefault();
}}
onDragLeave={() => {
if (draggedPackageIdRef.current) { return; }
dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
if (dragDepthRef.current === 0 && dragOverRef.current) {
dragOverRef.current = false;
@ -869,6 +871,34 @@ export function App(): ReactElement {
>
{allPackagesCollapsed ? "Alles ausklappen" : "Alles einklappen"}
</button>
<button
className="btn"
disabled={packages.length < 2}
onClick={() => {
const sorted = [...snapshot.session.packageOrder].sort((a, b) => {
const nameA = (snapshot.session.packages[a]?.name ?? "").toLowerCase();
const nameB = (snapshot.session.packages[b]?.name ?? "").toLowerCase();
return nameA.localeCompare(nameB);
});
void window.rd.reorderPackages(sorted);
}}
>
A-Z
</button>
<button
className="btn"
disabled={packages.length < 2}
onClick={() => {
const sorted = [...snapshot.session.packageOrder].sort((a, b) => {
const nameA = (snapshot.session.packages[a]?.name ?? "").toLowerCase();
const nameB = (snapshot.session.packages[b]?.name ?? "").toLowerCase();
return nameB.localeCompare(nameA);
});
void window.rd.reorderPackages(sorted);
}}
>
Z-A
</button>
<input
className="search-input"
type="search"
@ -907,7 +937,7 @@ export function App(): ReactElement {
onToggleCollapse={() => {
setCollapsedPackages((prev) => ({ ...prev, [pkg.id]: !(prev[pkg.id] ?? false) }));
}}
onCancel={() => { void performQuickAction(() => window.rd.cancelPackage(pkg.id)); }}
onCancel={() => { void window.rd.cancelPackage(pkg.id); }}
onMoveUp={() => movePackage(pkg.id, "up")}
onMoveDown={() => movePackage(pkg.id, "down")}
onToggle={() => { void window.rd.togglePackage(pkg.id); }}
@ -1201,7 +1231,7 @@ const PackageCard = memo(function PackageCard({ pkg, items, packageSpeed, isFirs
<button className="btn" disabled={isFirst} onClick={onMoveUp} title="Nach oben">&#9650;</button>
<button className="btn" disabled={isLast} onClick={onMoveDown} title="Nach unten">&#9660;</button>
<button className={`btn${pkg.enabled ? "" : " btn-active"}`} onClick={onToggle}>{pkg.enabled ? "Paket stoppen" : "Paket starten"}</button>
<button className="btn danger" onClick={onCancel}>Paket abbrechen</button>
<button className="btn danger" onClick={onCancel}>Paket löschen</button>
</div>
</header>
<div className="progress"><div style={{ width: `${progress}%` }} /></div>