Skip to content

[dashboard] Welcome existing users to new updates #3618

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
Mar 29, 2021
Merged

Conversation

svenefftinge
Copy link
Member

fixes #3297

@svenefftinge svenefftinge force-pushed the se/whats-new branch 2 times, most recently from 7a04bd7 to c471047 Compare March 27, 2021 21:24
@svenefftinge svenefftinge marked this pull request as ready for review March 27, 2021 21:27
@svenefftinge svenefftinge requested a review from gtsiolis March 27, 2021 21:27
@svenefftinge
Copy link
Member Author

svenefftinge commented Mar 29, 2021

/werft run

👍 started the job as gitpod-build-se-whats-new.5

@gtsiolis
Copy link
Contributor

gtsiolis commented Mar 29, 2021

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.

Looks great! 🎁

Left some non-blocking comments other than those related to font size. Feel free to skip the rest of the suggestions and merge this! 🚢

return <Modal visible={props.visible} onClose={internalClose}>
<h3 className="pb-4">What's New 🎁</h3>
<div className="border-t border-gray-200 -mx-6 px-6 py-4">
<p className="pb-2 text-gray-900 text-base">New Dashboard</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

nitpick: Minor font weight fix.

Suggested change
<p className="pb-2 text-gray-900 text-base">New Dashboard</p>
<p className="pb-2 text-gray-900 text-base font-medium">New Dashboard</p>

<p className="pb-2 text-gray-500 text-sm">We have made some layout changes on the dashboard to improve the overall user experience of the product.</p>
</div>
<div className="border-t border-b border-gray-200 -mx-6 px-6 py-4">
<p className="pb-2 text-gray-900 text-base">VS Code</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

nitpick: Minor font weight fix.

Suggested change
<p className="pb-2 text-gray-900 text-base">VS Code</p>
<p className="pb-2 text-gray-900 text-base font-medium">VS Code</p>

<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">We're preserving all <span className="font-bold">user settings and extensions</span>.</p>
<p className="text-gray-400 text-xs">Extensions you have manually uploaded are not transfered. You'll need to search and install those extensions through the extension panel in VS Code.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

suggestion: This one hurt a bit! We could try to not go below text-sm (14px) anywhere across the product for legibility and readability. 😅

Suggested change
<p className="text-gray-400 text-xs">Extensions you have manually uploaded are not transfered. You'll need to search and install those extensions through the extension panel in VS Code.</p>
<p className="text-gray-400 text-sm">Extensions you have manually uploaded are not transfered. You'll need to search and install those extensions through the extension panel in VS Code.</p>

<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">We've reduced the number of <span className="font-bold">pre-installed extensions</span>.</p>
<p className="text-gray-400 text-xs">The old editor would come with extensions for the most popular programming languages pre-installed. You are now freed from that additional bloat but should consider installing any extensions you miss.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<p className="text-gray-400 text-xs">The old editor would come with extensions for the most popular programming languages pre-installed. You are now freed from that additional bloat but should consider installing any extensions you miss.</p>
<p className="text-gray-400 text-sm">The old editor would come with extensions for the most popular programming languages pre-installed. You are now freed from that additional bloat but should consider installing any extensions you miss.</p>

<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">You can still <span className="font-bold">switch the editor back</span> to the old one.</p>
<p className="text-gray-400 text-xs">In case you run into trouble with the new IDE, you can go to the settings and switch back to the old editor (Theia).</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<p className="text-gray-400 text-xs">In case you run into trouble with the new IDE, you can go to the settings and switch back to the old editor (Theia).</p>
<p className="text-gray-400 text-sm">In case you run into trouble with the new IDE, you can go to the settings and switch back to the old editor (Theia).</p>

<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">We're preserving all <span className="font-bold">user settings and extensions</span>.</p>
<p className="text-gray-400 text-xs">Extensions you have manually uploaded are not transfered. You'll need to search and install those extensions through the extension panel in VS Code.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

praise: Love the rephrase of the last part.

You'll need to search and install those extensions through the extension panel in VS Code.

<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">We've reduced the number of <span className="font-bold">pre-installed extensions</span>.</p>
<p className="text-gray-400 text-xs">The old editor would come with extensions for the most popular programming languages pre-installed. You are now freed from that additional bloat but should consider installing any extensions you miss.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

issue: Words freed, should, and old here sound a bit harsh. Also, reffering to an old editor could be confusing in the future. Let me try to rephrase this but I'll leave this up to you to decide.

Suggested change
<p className="text-gray-400 text-xs">The old editor would come with extensions for the most popular programming languages pre-installed. You are now freed from that additional bloat but should consider installing any extensions you miss.</p>
<p className="text-gray-400 text-xs">Theia editor included pre-installed extensions for the most popular programming languages which added additional bloat. You can now optionally consider installing any extensions you need.</p>

</li>
<li className="ml-5">
<div>
<p className="text-gray-500 text-sm">You can still <span className="font-bold">switch the editor back</span> to the old one.</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

issue: Minor removal of the old term reference.

Suggested change
<p className="text-gray-500 text-sm">You can still <span className="font-bold">switch the editor back</span> to the old one.</p>
<p className="text-gray-500 text-sm">You can still <span className="font-bold">switch the editor</span> to Theia.</p>

</ol>
</div>
<div className="flex justify-end mt-6">
<button className="text-gray-900 border-white bg-white hover:border-gray-200" onClick={() => internalClose()}>Dismiss</button>
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 should become a secondary button after #3620, right?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Dashboard] Re-Brand / VS Code Information Page for Existing Users
2 participants