[ Fix : Inconsistent Step Titles Displayed in Editor Mode & Visual Enhancement ]

[rohitPandey469]

Describe the bug
When creating a tutorial with multiple steps, each having a distinct title, the editor mode displays only the title of the first step for all subsequent steps.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to 'localhost:5173'
2. Create a New Tutorial.
3. Add the First step with a title, for example, "Python."
4. Add a new step with a title, for example, "Installing Python," and so on.
5. In Editor Mode, go to any step; all step titles and times are being repopulated with the first step's title and time.
6. Currently, only the first step's properties are editable.

Expected behavior
Corresponding to each step, their titles and times should repopulate in Editor Mode, allowing access to edit other step titles and times as well.

Screenshots

First Step

Second Step

Third Step

Where all only have difference in context

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome

Additional context
Currently, when all the steps are marked as complete, the left sidebar displays blue ticks for each step, and all step titles appear identical. This uniformity creates an unusual visual experience. A suggested enhancement is to introduce a distinct background color for the step that is clicked, providing a clear visual indication that it is the currently open step. This improvement would enhance the user interface and contribute to a more intuitive user experience.

Would like to work?
Yes

[rohitPandey469]

I suspect that the data is being stored correctly, but there might be an issue with the proper retrieval and display, especially for steps beyond the first one. @shivareddy6, @ABHISHEK-PANDEY2, @rijusougata13, I would appreciate your insights on this. What are your thoughts?

[rohitPandey469]

Hey @shivareddy6, @ABHISHEK-PANDEY2, and @rijusougata13,

Hope you're doing awesome! 🌟 Quick thing—I've noticed some opportunities to make the code around step titles and the sub/index.js in the tutorial more readable by trimming down some unnecessary bits.

Mind if I roll out a separate PR just for the readability tweaks? Your thoughts and thumbs up would mean a lot.

Thanks a bunch! 🚀

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.