Custom Component "display_name" from the code is not displayed in UI

[rodolfo3]

Bug Description

Set "display_name" prop on python code does not show the component name on the UI

Reproduction

1. create a new flow
2. click on "New Custom Component" on the bottom left
3. into the new component added to the flow, click "code"
4. Change the class attributes "display_name" and "name"
5. click "Check & Save" button

The UI keep showing the "Custom Component" as title

Expected behavior

The UI should respect the "display_name" from the code (not only when it is changed by clicking on the title).

Who can help?

No response

Operating System

debian testing

Langflow Version

1.1.1

Python Version

None

Screenshot

No response

Flow File

No response

[dosubot]

Hey @rodolfo3! I'm here to help you with any bugs, questions, or contributions. Let's tackle this issue together!

I found a similar discussion that might help with your issue. In the thread "How do I rename I custom component that I adjusted?," it was noted that the display_name attribute might not be properly utilized or referenced in the code that renders the component on the canvas. The solution involved ensuring that the JSON configuration for the component is updated to reflect the correct display_name and checking the rendering logic in the UI code to ensure it correctly accesses and displays the display_name attribute from the component class ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[carlosrcoelho]

Hey @rodolfo3

This has already been adjusted and will be available in the next release, around mid-January.

In the meantime, the option you can use is to double-click where it says Custom Component and change it to whatever name you want.

Screen.Recording.2024-12-19.at.15.00.34.mov