Skip to content

refactor: minor task page design adjustments #18187

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

Merged
merged 4 commits into from
Jun 2, 2025

Conversation

BrunoQuaresma
Copy link
Collaborator

Before:
Screenshot 2025-06-02 at 13 38 45

After:
Screenshot 2025-06-02 at 13 40 18

  • Show output links
  • Move workspace app bar to top of screen
  • Remove redundant task status indicators
  • Update "building your task" to "Building your workspace" to be more transparent
  • Change “Open IDE” language to “Open Locally”

Closes:

@BrunoQuaresma BrunoQuaresma requested review from bpmct and hugodutka June 2, 2025 16:40
@BrunoQuaresma BrunoQuaresma self-assigned this Jun 2, 2025
@BrunoQuaresma BrunoQuaresma requested a review from kylecarbs June 2, 2025 16:40
@bpmct
Copy link
Member

bpmct commented Jun 2, 2025

@BrunoQuaresma in the link to PR can you also specify the repo and the external link icon? looks like there is room. otherwise, it's a bit difficult to tell what it is
Screenshot 2025-06-02 at 12 08 50 PM

href: string;
};

const getLinkFormat = (uri: string): LinkFormat => {
Copy link
Contributor

Choose a reason for hiding this comment

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

Could we split this into 2 functions? parseUri that returns either an issue, a PR, or a generic link object, and renderLink that accepts the result of the former as a param and returns a React node.

@@ -0,0 +1,32 @@
export const formatURI = (uri: string) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

This function's name was fine when it was local to the AppStatuses page, but it doesn't seem to be descriptive enough to be a project-wide helper function. Maybe something along the lines of truncateURIForDisplay would be better?

@BrunoQuaresma
Copy link
Collaborator Author

can you also specify the repo and the external link icon?

  • I think showing the org and repo a good idea 👍
  • Showing the external link + the start icon adds too much info IMO. I would rather only having one of them, what do you prefer?

@BrunoQuaresma
Copy link
Collaborator Author

Merging it to keep things fast. Feel free to add any relevant comments, so I can address right next.

@BrunoQuaresma BrunoQuaresma merged commit 45d46c8 into main Jun 2, 2025
33 checks passed
@BrunoQuaresma BrunoQuaresma deleted the bq/refactor-task-page-layout branch June 2, 2025 17:52
@github-actions github-actions bot locked and limited conversation to collaborators Jun 2, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants