Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Include additional "Raise an Issue" links #1281

Merged
merged 21 commits into from
Jan 23, 2025

Conversation

howard-e
Copy link
Contributor

Address #1241, particularly the comments in #1241 (comment).

@howard-e howard-e marked this pull request as ready for review December 17, 2024 16:13
@howard-e howard-e requested a review from stalgiag December 17, 2024 16:14
Copy link
Contributor

@stalgiag stalgiag left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work! I tested the TestRun and IssuesTable links. Both work well. The code is straightforward and easy to read. I left two small comments, one is a layout nit and the other is a musing on user flow. Neither are blocking. Thanks for this work! I am going to approve now and leave to you to merge.

client/components/TestRun/TestRun.css Outdated Show resolved Hide resolved
@@ -967,9 +985,62 @@ const TestRun = () => {
<div role="complementary">
<h2 id="test-options-heading">Test Options</h2>
<ul className="options-wrapper" aria-labelledby="test-options-heading">
<li>
<li className="raise-issue-container">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know this matches a definition in the issue but I can't help but feel like this would make for a challenging user experience, especially on mobile. I almost feel like we want to move this radio into a modal or have a separate link for each command in a future design. For now this works well.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

move this radio into a modal

I started with a modal funny enough, but it felt like an additional layer that was just too uncommon here with how raising issues have been done in the past (single click to GitHub). It started feeling like an issue builder and I just wanted to reduce some clicks where necessary. This way preserved the default single click and only needed additional clicks if absolutely necessary. But it's something we can probably get some feedback on before even pushing to prod though.

or have a separate link for each command

(also really like that idea of there just being separate links for each command and I now prefer this in the spirit of single clicks, ha)

Copy link
Contributor

@stalgiag stalgiag Dec 19, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That is a good point. I do like the thought of keeping consistency in a single-click approach. The separate link might have some navigational advantages in that it would reduce the distance between the part of the interface with information about a command and the inputs to create the issue. No strong feelings there though and happy to let this slowly improve as it gets more user testing.

Copy link
Contributor Author

@howard-e howard-e Jan 22, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@stalgiag was preparing to merge this work but going over the feedback and the earlier suggestion here, started to feel strongly that the separate link per command felt more common-place. Also something I think we'd prefer to do when including additional 'Raise an Issue' links around the application, rather than an "issue builder" UI pattern.

I made that suggested change in 684ff30. Would love to know if this aligns with your previous thoughts!

Copy link
Contributor

@stalgiag stalgiag Jan 22, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love it! Gave an approving review. I generally find this easier to parse and navigate.

@howard-e howard-e changed the title Include additional "Raise an Issue" links fix: Include additional "Raise an Issue" links Dec 19, 2024
@howard-e howard-e requested a review from stalgiag January 22, 2025 16:33
Copy link
Contributor

@stalgiag stalgiag left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I definitely prefer the links on each test. I also think it will be easier to use. Thanks for trying out different options and following up on feedback even when it wasn't mandatory!

@howard-e howard-e merged commit 7563f6d into development Jan 23, 2025
2 checks passed
@howard-e howard-e deleted the additional-raise-issue-links branch January 23, 2025 15:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants