Skip to content

Side menu: style fixes, small improvements and better Info Panel component props #1816

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.

Sign up for GitHub

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
matt-aitken merged 16 commits into from
Mar 24, 2025
Merged

Side menu: style fixes, small improvements and better Info Panel component props #1816

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
ca8d6c9
Adds “plan” to the plan name if it’s a paid plan so they all format c…
samejr Mar 22, 2025
0dde66e
Fixes menu item having incorrect height
samejr Mar 22, 2025
cbbe6dc
Adds gap between switch org menu items
samejr Mar 22, 2025
18fa982
Moves main action button to right side in blank state
samejr Mar 22, 2025
6ed7115
Simpler way to add “plan” to the plan name
samejr Mar 22, 2025
db7474f
Styled the plan badge a bit nicer
samejr Mar 22, 2025
8b797a8
Project page now matches the other settings page layouts
samejr Mar 22, 2025
d14c56b
Fixes colour of queue icon
samejr Mar 22, 2025
ff44abb
Fixes table blank state not spanning enough cols
samejr Mar 22, 2025
412325b
Organize imports
samejr Mar 22, 2025
a73fb65
Unified the blank state panels and improved some copy in them
samejr Mar 22, 2025
9e92257
Improved the copy in the no deployed tasks blank state
samejr Mar 22, 2025
e6e3acb
Make the upgrade icon solid and indigo
samejr Mar 22, 2025
3b4d9d6
Transition the hover state on the side menu section
samejr Mar 24, 2025
611a5e6
Replaces many props with a single ‘accessory’ React node on the Info …
samejr Mar 24, 2025
4563dbf
Organize imports
samejr Mar 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Moves main action button to right side in blank state
  • Loading branch information
@samejr
samejr committed Mar 22, 2025
commit 18fa982e14bece22d3cee870d4a1afe9e57aa00b
18 changes: 9 additions & 9 deletions apps/webapp/app/components/BlankStatePanels.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -346,7 +346,15 @@ export function AlertsNoneDeployed() {
and webhooks.
</Paragraph>

<div className="flex gap-3">
<div className="flex items-center justify-between gap-3">
<LinkButton
to={docsPath("troubleshooting-alerts")}
variant="docs/medium"
LeadingIcon={BookOpenIcon}
className="inline-flex"
>
Alerts docs
</LinkButton>
<LinkButton
to={v3NewProjectAlertPath(organization, project, environment)}
variant="primary/medium"
Expand All @@ -355,14 +363,6 @@ export function AlertsNoneDeployed() {
>
New alert
</LinkButton>
<LinkButton
to={docsPath("troubleshooting-alerts")}
variant="docs/medium"
LeadingIcon={BookOpenIcon}
className="inline-flex"
>
Alert docs
</LinkButton>
</div>
</InfoPanel>
</div>
Expand Down