feat: [DHIS2-18018][DHIS2-17853] show related stages widget in view event page

[simonadomnisoru]

DHIS2-18018

Tech summary:

• Make the WidgetRelatedStages configurable in the enrollmentEventEditLayout page layout
• Based on the user selected option show an action button in WidgetRelatedStages
• use react-query to create the linked event and the relationship in useAddEventWithRelationship

[github-actions]

🚀 Deployed on https://deploy-preview-3916.capture.netlify.dhis2.org

[eirikhaugstulen]

Hey @simonadomnisoru!
I'm getting some strange behavior if the relationship is not bidirectional. It seems to not update/navigate correctly in my app. Could you take a look and see if you get the same conclusion in your env? Otherwise, this looks great!

[eirikhaugstulen]

Should we change this name to just RelatedStagesWorkspace? None of the other names contains widget, so just trying to stay consistent. (Sorry, this was probably done ages ago)

[simonadomnisoru]

Hey @simonadomnisoru! I'm getting some strange behavior if the relationship is not bidirectional. It seems to not update/navigate correctly in my app. Could you take a look and see if you get the same conclusion in your env? Otherwise, this looks great!

Hi @eirikhaugstulen, I've added a success alert which I hope will make the flow less confusing when the relationship is not bi-directional. Let me know if it looks ok now. Thanks for your feedback!

[henrikmv]

After deleting a (unidirectional or directional) relationship, the Linked Event widget reappears for the event. Trying to create a new relationship causes some unexpected behaviour:

1. Trying the Schedule or Enter Details options gives me a 409 error.

2. The Schedule, Enter Details and Link button is sometimes disabled when all required fields have values (see picture). I'm struggling to provide clear reproduction steps, the behaviour seems inconsistent.

Could you take a look?

[simonadomnisoru]

After deleting a (unidirectional or directional) relationship, the Linked Event widget reappears for the event. Trying to create a new relationship causes some unexpected behaviour:

1. Trying the Schedule or Enter Details options gives me a 409 error.
2. The Schedule, Enter Details and Link button is sometimes disabled when all required fields have values (see picture). I'm struggling to provide clear reproduction steps, the behaviour seems inconsistent.
   Could you take a look?

Hi @henrikmv
I pushed a fix for the 409 error, could you please have a look at it? Regarding the inconsistency in the disabled button behavior, I decided to remove that logic and use the loading logic while processing the API request (just as we do in other forms). I'll have the PR reviewed by someone on the design team as well.
Thank you for the feedback!

[henrikmv]

Well done Simona removing the 409 error!

Regarding the inconsistency in the disabled button behavior, removing the disabling function appears to introduce a bug. Since the user can click the button before all required values are set, the loading spinner spins indefinitely due to the missing values.

Would you like to take a look? Thanks!

[sonarqubecloud]

Quality Gate failed

Failed conditions
5 New issues
5 New Code Smells (required ≤ 0)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE