bytechefhq/bytechef

When dragging a component from the right side panel, the dragged element should be just the icon

Offen

#3.208 geöffnet am 03.10.2025

Auf GitHub ansehenContributor Guide
 (8 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Java (156 Forks)auto 404
frontendgood first issuehacktoberfesthacktoberfest2025

Repository-Metriken

Stars
 (907 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

In the video below we can see that the entire card (icon, title + description) is being dragged, but we only want to show the icon while the card is being dragged.

Important that the whole card should still be draggable, just the displayed element while dragging should be the icon of the component.

Here's the component that represents the individual card that has drag support - WorkflowNodesTabsItem

https://github.com/user-attachments/assets/d0271e1a-6275-46b1-9f0e-9fc3fdf2e43c

Contributor Guide

Research-Richtung
Untersuchen Sie die vorhandene Drag Implementierung in WorkflowNodesTabsItem.tsx und ändern Sie die Drag Overlay so, dass nur das Symbol anstelle der gesamten Karte angezeigt wird.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Reactdrag and drop concepts
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70