openedx / openedx/frontend-app-learner-record

Better alerting for failure when creating a program record link

Open Beginner friendly
#524 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted
Dominant language
JavaScript
Stars
7
Forks
26
Avg merge
3m
Merged PRs (30d)
1

Description

Currently, when there is a failure to create a program record link, the UI will render a Toast component with text indicating the failure (Toast in Paragon). This is not the best way to indicate a failure as the toast component can dismiss itself.

It would probably be best to instead be using Alert from Paragon with the "danger" variant whenever this failure occurs.

There is also a Tooltip (Paragon component) that appears when clicking this button. It will display the text "Link copied!" when the link it successfully copied. Unfortunately, it's also displaying this Tooltip on a failure. We should make it so this Tooltip does not appear on failure.

What it looks like now

https://github.com/user-attachments/assets/d5c0d115-7f04-4c5d-845d-10ba7dbd76d9

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Locate the UI component and failure handler for creating a program record link, then inspect how the Toast and success Tooltip are triggered. Replace the failure indication with Paragon's danger Alert and ensure the "Link copied!" Tooltip appears only after a successful copy; verify both success and failure flows.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.