Skip to content

Conversation

gtsiolis
Copy link
Contributor

@gtsiolis gtsiolis commented May 19, 2022

Description

In the spirit of minimum viable changes and shipping, this will update the dotfiles layout in user preferences. 🛹

Cc @filiptronicek @sagor999 @andreafalzetti @loujaybee because #7639

Related Issue(s)

Fixes #7639

How to test

Go to /preferences and notice the improved usability of the dotfiles section along the rest of the preferences options.

Screenshots

BEFORE AFTER
dotfiles-before dotfiles-after

Release Notes

Update dotfiles layout

<input
type="text"
value={dotfileRepo}
className="w-96 h-9"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

thought: It's painful to see the custom height here, but does the job for now. ☺️

Add a repository URL that includes dotfiles. Gitpod will clone and install your dotfiles for
every new workspace.
Add a repository URL that includes dotfiles. Gitpod will
<br />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

thought: Another hack around the needs to resolve #7639, see relevant comment in #7639 (comment).

placeholder="e.g. https://github.com/username/dotfiles"
onChange={(e) => setDotfileRepo(e.target.value)}
/>
<button className="secondary ml-2" onClick={() => actuallySetDotfileRepo(dotfileRepo)}>
Copy link
Contributor Author

@gtsiolis gtsiolis May 19, 2022

Choose a reason for hiding this comment

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

thought: Using the secondary class here, as this does not need to be a primary action across all preferences, see relevant comment in #7639 (comment).

@gtsiolis gtsiolis changed the title Update dotfiles layout Update dotfiles layout in user preferences May 19, 2022
Copy link
Contributor

@andrew-farries andrew-farries left a comment

Choose a reason for hiding this comment

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

Nice 👍 This should resolve the confusion around whether the button applies to just the dotfiles repo or the whole page.

@roboquat roboquat merged commit b765e67 into main May 20, 2022
@roboquat roboquat deleted the gt/update-dotfiles-layout branch May 20, 2022 09:38
@gtsiolis
Copy link
Contributor Author

gtsiolis commented May 20, 2022

Thanks for taking a look, @andrew-farries! 🙌

@roboquat roboquat added deployed: webapp Meta team change is running in production deployed Change is completely running in production labels May 24, 2022
@loujaybee
Copy link
Member

loujaybee commented May 24, 2022

Praise: Brilliant! Thanks for updating @andrew-farries / @gtsiolis ! 🚀

@andreafalzetti
Copy link
Contributor

andreafalzetti commented May 25, 2022

thanks for fixing this! 🙌

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 deployed Change is completely running in production release-note size/S team: webapp Issue belongs to the WebApp team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[dashboard] Make functionality of the dotfiles settings button more clear
5 participants