Open zznate opened 2 weeks ago
To address the confusion caused by the "X" icon for rerunning a component in Langflow, consider replacing it with a more intuitive icon, such as RefreshCw
from "lucide-react", which is commonly associated with refresh or retry actions. This change can make the UI more user-friendly by clearly indicating the rerun functionality. Here's how you could implement this in your code:
import { RefreshCw } from "lucide-react"; // Import the RefreshCw icon
// In the CardHeader, replace the XCircle icon with RefreshCw
<CardHeader>
<div className="m-auto">
<RefreshCw strokeWidth={1.5} className="h-16 w-16" /> // Changed icon
</div>
<div>
<p className="mb-4 text-xl text-foreground">
Sorry, we found an unexpected error!
</p>
</div>
</CardHeader>
This modification replaces the XCircle
icon with a RefreshCw
icon, making it clearer that the button is meant to rerun the failed component. Ensure to test these changes in a development branch before merging them into the main project to maintain stability and follow best practices.
To continue the conversation, mention @dosu.
See attached images. On a failed step, the component will outline in red, which is helpful. However the "Play" triangle is lost, and only a red "X" appears. It is not clear that this "X" will rerun until you mouse-over or click on it. See attached pictures.
Version: