-
Notifications
You must be signed in to change notification settings - Fork 1.3k
[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
Conversation
7a04bd7
to
c471047
Compare
c471047
to
93f2069
Compare
/werft run 👍 started the job as gitpod-build-se-whats-new.5 |
Looking at this now! 👀 |
There was a problem hiding this 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> |
There was a problem hiding this comment.
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.
<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> |
There was a problem hiding this comment.
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.
<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> |
There was a problem hiding this comment.
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. 😅
<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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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> |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
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.
<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> |
There was a problem hiding this comment.
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.
<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> |
There was a problem hiding this comment.
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?
93f2069
to
ef4aa3c
Compare
fixes #3297