-
Notifications
You must be signed in to change notification settings - Fork 3.2k
feat: show a yellow border when staging is active #6819
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
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.
I think we could make add the text "🚧 staging" (something along those lines) somewhere to replace the yellow line. It won't be immediately clear to a newcomer what the yellow means, especially since when vs code is loading the extension a blue line indicator is shown
"controlPlane/getEnvironment", | ||
"controlPlane/getFreeTrialStatus", |
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.
Nit: move these 2 lines above getModelsAddOnUpgradeUrl
line above to keep ordering consistent with other files and mostly alphabetical order
gui/src/components/Layout.tsx
Outdated
"controlPlane/getEnvironment", | ||
undefined, | ||
); | ||
console.log("debug2 response was", response); |
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.
Nit: please remove
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.
I like the look of the yellow dot, much cleaner! Just a small adjustment
gui/src/components/Layout.tsx
Outdated
@@ -236,6 +247,15 @@ const Layout = () => { | |||
<LocalStorageProvider> | |||
<AuthProvider> | |||
<LayoutTopDiv> | |||
{showStagingIndicator && ( | |||
<div | |||
title="running on staging" |
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.
title="running on staging" | |
title="Staging environment" |
gui/src/components/Layout.tsx
Outdated
@@ -236,6 +247,15 @@ const Layout = () => { | |||
<LocalStorageProvider> | |||
<AuthProvider> | |||
<LayoutTopDiv> | |||
{showStagingIndicator && ( | |||
<div |
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.
Let's change this to a span so there's a tooltip on hover
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.
Nice work!
Description
show a thin yellow border on the top of gui layout when staging is enabled.
resolves CON-2977
Checklist
Screen recording or screenshot
Tests
[ What tests were added or updated to ensure the changes work as expected? ]