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

[dashboard] Update design of class settings #11435

Merged
merged 1 commit into from
Jul 19, 2022
Merged

Conversation

Furisto
Copy link
Member

@Furisto Furisto commented Jul 18, 2022

Description

Update design of class settings

class_settings_light_small

Related Issue(s)

Fixes #11358

How to test

Look at the settings page

Release Notes

None

Documentation

Werft options:

  • /werft with-preview

@Furisto
Copy link
Member Author

Furisto commented Jul 18, 2022

/werft run

👍 started the job as gitpod-build-fo-settings-classes.2
(with .werft/ from main)

@gtsiolis gtsiolis requested a review from a team July 18, 2022 10:40
@Furisto Furisto marked this pull request as ready for review July 18, 2022 12:00
@Furisto Furisto requested a review from a team July 18, 2022 12:00
@github-actions github-actions bot added the team: webapp Issue belongs to the WebApp team label Jul 18, 2022
@gtsiolis
Copy link
Contributor

gtsiolis commented Jul 18, 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.

Thanks for making this change, @Furisto! 🔮

Left a couple of suggestions, nitpicks, and questions below.

Approving to unblock merging but holding to let someone from @gitpod-io/engineering-webapp take a closer look at the code changes.

/hold

components/dashboard/src/settings/selectClass.tsx Outdated Show resolved Hide resolved
components/dashboard/src/settings/selectClass.tsx Outdated Show resolved Hide resolved
components/dashboard/src/components/WorkspaceClass.tsx Outdated Show resolved Hide resolved
components/dashboard/src/components/WorkspaceClass.tsx Outdated Show resolved Hide resolved
components/dashboard/src/components/WorkspaceClass.tsx Outdated Show resolved Hide resolved
selected={workspaceClass === "g1-standard"}
onClick={() => actuallySetWorkspaceClass("g1-standard")}
category="GENERAL PURPOSE"
friendlyName="Standard"
Copy link
Contributor

@gtsiolis gtsiolis Jul 18, 2022

Choose a reason for hiding this comment

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

suggestion(non-blocking): Shall we use kebab-case (all lowercase) here?

BEFORE AFTER (kebab-case)
labels-1 labels-2

Copy link
Member Author

Choose a reason for hiding this comment

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

I prefer the current way. The category and the description start with an upper case letter and the class starting with a lower case letter looks out of place to me.

Copy link
Contributor

@gtsiolis gtsiolis Jul 19, 2022

Choose a reason for hiding this comment

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

Any option would suffice for now.
Looping in @jldec as this will affect usage page pages which will surface the class.

</svg>
</div>
</SelectableCardSolid>
<WorkspaceClass
Copy link
Contributor

@gtsiolis gtsiolis Jul 18, 2022

Choose a reason for hiding this comment

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

question: Is the SelectableCardSolid not flexible enough for what we need here? I'd love us to reuse the same component and maintain styles and interaction in one place. Haven't checked in depth but would that require us to update the SelectableCardSolid component?

Copy link
Member Author

Choose a reason for hiding this comment

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

I found it nicer to encapsulate everything that is needed for a workspace class in one place, but I am happy to explore using SelectableCardSolid instead.

Copy link
Contributor

@gtsiolis gtsiolis Jul 19, 2022

Choose a reason for hiding this comment

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

fyi: Opened follow-up issue #11472 to track this.

@Furisto Furisto force-pushed the fo/settings-classes branch from 4cdb19b to 15141e4 Compare July 19, 2022 09:45
@Furisto
Copy link
Member Author

Furisto commented Jul 19, 2022

/unhold

@roboquat roboquat merged commit 9d01402 into main Jul 19, 2022
@roboquat roboquat deleted the fo/settings-classes branch July 19, 2022 12:38
@roboquat roboquat added the deployed: webapp Meta team change is running in production label Jul 21, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
No open projects
Status: Done
Development

Successfully merging this pull request may close these issues.

Update settings page with the latest design
4 participants