Skip to content

[dashboard] add notice for stable back and change latest desc #9293

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 1 commit into from
Apr 19, 2022

Conversation

mustard-mh
Copy link
Contributor

@mustard-mh mustard-mh commented Apr 13, 2022

Description

add notice for stable back and change latest desc

IDE Version Dark Light
stable image image
latest image image

Related Issue(s)

Fixes #

How to test

  1. Open a workspace with stable IDE, to see if have warning for change Preferences
  2. Open a workspace with latest IDE, to see if warning changed to This workspace is configured with the latest release (unstable) for the editor

Release Notes

NONE

Documentation

@mustard-mh
Copy link
Contributor Author

@gtsiolis How about use Alert component with info type at the same position with latest warning?

@gtsiolis
Copy link
Contributor

How about use Alert component with info type at the same position with latest warning?

Sounds great, @mustard-mh! This was also the intent initially, see relevant discussion (internal) and linked review comment in #8783 (comment).

@mustard-mh
Copy link
Contributor Author

Yeah, I missed it, thx @gtsiolis

@mustard-mh mustard-mh force-pushed the hw/warning-for-stable branch from 63abaff to f62fb32 Compare April 13, 2022 09:41
@mustard-mh
Copy link
Contributor Author

mustard-mh commented Apr 13, 2022

/werft run

👍 started the job as gitpod-build-hw-warning-for-stable.2

@mustard-mh
Copy link
Contributor Author

mustard-mh commented Apr 13, 2022

/werft run

👍 started the job as gitpod-build-hw-warning-for-stable.3

@mustard-mh mustard-mh marked this pull request as ready for review April 13, 2022 12:13
@mustard-mh mustard-mh requested a review from a team April 13, 2022 12:13
@github-actions github-actions bot added the team: webapp Issue belongs to the WebApp team label Apr 13, 2022
@mustard-mh
Copy link
Contributor Author

@gtsiolis Preview environment is ok now, you can have a look. I also capture images to PR description

And we have

  1. margin-top too big for small screen (Macbook Pro 14')
  2. After click drag down button, we need to scroll down to see all options
  3. Option Stop workspace maybe need to change text color and (move it to bottom?), I often accidentally click close

Maybe we should file issues to solve them

image

@gtsiolis gtsiolis requested a review from a team April 14, 2022 07:38
@gtsiolis
Copy link
Contributor

gtsiolis commented Apr 14, 2022

Looking at this now! 👀

Copy link
Contributor

@gtsiolis gtsiolis left a comment

Choose a reason for hiding this comment

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

UX changes look good, @mustard-mh! 🔮

Took me longer than expected to get back to this because lunch! 🌮 🌮 🌮 🌮 🌮

Left below some non-blocking comments for visibility and opened a follow up issue in #9326 for the overflowing dropdown mentioned in #9293 (comment) which has been bothering me for a while.

Regarding, the move of the action to stop a workspace below, I think improving this dropdown as described in #6910 could help resolve most issues one action (probably going back to dashboard) would always surface eliminating the need to click the dropdown options menu and decreasing the list of options there.

Thanks so much for noticing, @mustard-mh! 🙏 💯

@@ -524,6 +526,19 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
{openLinkLabel}
</button>
</div>
{!useLatest && (
<Alert type="info" className="mt-4 w-96">
Copy link
Contributor

Choose a reason for hiding this comment

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

praise: Go w-96! Loving this width size.

@@ -524,6 +526,19 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
{openLinkLabel}
</button>
</div>
{!useLatest && (
<Alert type="info" className="mt-4 w-96">
Copy link
Contributor

Choose a reason for hiding this comment

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

thought: This is out of the scope of this PR but in the future we could probably introduce better breakpoints in general within the dashboard so that a) components like this expand with the container width and b) do not need to use a fixed width attribute.

However, that's minor for now and the effort/impact of doing this sounds low, but probably something to consider when we pick up #4050 for improving the responsive layout of the dashboard. Cc @jankeromnes as we've talked about this a couple of times.

@@ -524,6 +526,19 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
{openLinkLabel}
</button>
</div>
{!useLatest && (
<Alert type="info" className="mt-4 w-96">
You can change the default editor for opening workspaces in{" "}
Copy link
Contributor

Choose a reason for hiding this comment

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

thought: This alert could become obsolete or less useful so we could remove it in the future if the actions were clearer like in #6910 or more flexiible as seen in the design exploration mentioned in #8783 (comment). Re-posting the design exploration for visibility. Feedback is always welcome!

dropdown

Copy link
Member

@geropl geropl left a comment

Choose a reason for hiding this comment

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

Looks good and code LGTM

@roboquat roboquat merged commit c691df8 into main Apr 19, 2022
@roboquat roboquat deleted the hw/warning-for-stable branch April 19, 2022 10:01
@roboquat roboquat added the deployed: webapp Meta team change is running in production label Apr 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deployed: webapp Meta team change is running in production release-note-none size/S team: webapp Issue belongs to the WebApp team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants