feat: move team blocked banner from sidebar to bottom status bar by devin-ai-integration[bot] · Pull Request #304 · e2b-dev/dashboard

devin-ai-integration · 2026-04-27T16:11:42Z

Summary

Moves the team blockage banner out of the sidebar and into the dashboard bottom status bar, matching the Figma design shared by Vojtech.

Changes:

Removed TeamBlockageAlert from sidebar/footer.tsx
Added team suspended indicator to layouts/footer.tsx (the bottom status bar)
Shows ⊘ BlockIcon with error-highlight color when team.isBlocked is true
Preserves routing logic from the old banner:
- Billing-limit blocks → links to /limits with "Settle outstanding payment."
- Default (overdue payment) blocks → links to /billing with "Pay now."
Uses prose-label styling from the theme, uppercase text
Always visible in the status bar (not hidden when sidebar collapses)
Mobile-safe: constrained width with truncation to prevent overflow

Review & Testing Checklist for Human

Verify the blocked banner no longer appears in the sidebar
Verify the status bar shows the suspended message with correct styling (red text, ⊘ icon) when a team is blocked
Verify clicking the CTA link navigates to the correct page (billing vs limits depending on block reason)
Verify the status bar looks correct on both desktop and mobile viewports (no horizontal overflow)

Notes

The blocked-banner.tsx file is left in place (no longer imported) — can be cleaned up in a follow-up if desired

Link to Devin session: https://app.devin.ai/sessions/67f48c6c00574f9ebc1a292c9311bd5e

Remove TeamBlockageAlert from sidebar footer and add team suspended indicator to the dashboard layout status bar. Shows a ⊘ icon with 'Team suspended—overdue payment. Pay now.' text in error color, with 'Pay now.' linking to the billing page. Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

vercel · 2026-04-27T16:12:11Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
web	Ready	Preview, Comment	Apr 29, 2026 0:03am
web-juliett	Ready	Preview, Comment	Apr 29, 2026 0:03am

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: c9196af82d

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

devin-ai-integration · 2026-04-27T16:15:55Z

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

Disable automatic comment and CI monitoring

- Route billing-limit blocks to /limits page instead of /billing - Default (overdue payment) blocks still route to /billing with 'Pay now.' - Add max-width constraint on mobile to prevent horizontal overflow - Use truncate instead of whitespace-nowrap for better mobile behavior Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

ben-fornefeld · 2026-04-28T23:53:15Z

+        ) : (
+          <>
+            Team suspended—overdue payment.{' '}
+            <Link
+              href={PROTECTED_URLS.BILLING(team.slug)}
+              className="underline"
+            >
+              Pay now.
+            </Link>
+          </>
+        )}


this means every other blocked reason is shown as payment issue.

please for the following two cases, do custom messages like for billing limits, and otherwise just show the actual blocked message OR generic fallback:

BlockedReasonMissingPayment = "missing payment method"
BlockedReasonVerification = "verification required"

Done in 0df612c. Now handles each case separately:

"billing limit" → "Billing limit reached. Update limit." → /limits

"missing payment method" → "Missing payment method. Add payment method." → /billing

"verification required" → "Verification required. Add payment method." → /billing

Any other reason → shows the actual blockedReason text with no CTA link

- 'billing limit' → 'Billing limit reached. Update limit.' → /limits - 'missing payment method' → 'Missing payment method. Add payment method.' → /billing - 'verification required' → 'Verification required. Add payment method.' → /billing - Other reasons → show actual blockedReason text, no CTA link Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

ben-fornefeld · 2026-04-29T00:01:04Z

the blockage element should be centered between the other two elements. if statusBanner is not provided, it can align to end

Left (user/path) and right (statusBanner) each take flex-1 so the blocked indicator sits centered. When statusBanner is absent the indicator naturally aligns to end. Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

devin-ai-integration · 2026-04-29T00:01:44Z

Done in d9ab52b. The left (user/path) and right (statusBanner) sections each take flex-1, so the blocked indicator sits centered between them. When statusBanner is not provided, the indicator naturally aligns to the end.

devin-ai-integration Bot requested a review from ben-fornefeld as a code owner April 27, 2026 16:11

vercel Bot deployed to Preview – web April 27, 2026 16:12 View deployment

chatgpt-codex-connector Bot reviewed Apr 27, 2026

View reviewed changes

Comment thread src/features/dashboard/layouts/footer.tsx Outdated

Comment thread src/features/dashboard/layouts/footer.tsx Outdated

claude Bot reviewed Apr 27, 2026

View reviewed changes

Comment thread src/features/dashboard/layouts/footer.tsx Outdated

vercel Bot deployed to Preview – web April 27, 2026 16:21 View deployment

ben-fornefeld requested changes Apr 28, 2026

View reviewed changes

Comment thread src/features/dashboard/layouts/footer.tsx Outdated

refactor: extract team blocked indicator into separate component

fc29afc

Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

vercel Bot deployed to Preview – web April 28, 2026 21:33 View deployment

style: fix biome formatting

2eaa9dd

Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

vercel Bot deployed to Preview – web April 28, 2026 21:34 View deployment

ben-fornefeld requested changes Apr 28, 2026

View reviewed changes

Comment thread src/features/dashboard/layouts/team-blocked-indicator.tsx Outdated

fix: update billing limit message to reflect actual cause

e71b3aa

Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

vercel Bot deployed to Preview – web April 28, 2026 21:40 View deployment

ben-fornefeld requested changes Apr 28, 2026

View reviewed changes

vercel Bot deployed to Preview – web April 28, 2026 23:55 View deployment

fix: center blocked indicator between left and right footer elements

d9ab52b

Left (user/path) and right (statusBanner) each take flex-1 so the blocked indicator sits centered. When statusBanner is absent the indicator naturally aligns to end. Co-Authored-By: ben@e2b.dev <ben@e2b.dev>

vercel Bot deployed to Preview – web April 29, 2026 00:02 View deployment

ben-fornefeld approved these changes Apr 29, 2026

View reviewed changes

ben-fornefeld merged commit 35ee7dc into main Apr 29, 2026
10 checks passed

ben-fornefeld deleted the devin/1777306208-move-team-blocked-to-statusbar branch April 29, 2026 01:34

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: move team blocked banner from sidebar to bottom status bar#304

feat: move team blocked banner from sidebar to bottom status bar#304
ben-fornefeld merged 7 commits intomainfrom
devin/1777306208-move-team-blocked-to-statusbar

devin-ai-integration Bot commented Apr 27, 2026 •

edited by ben-fornefeld

Loading

Uh oh!

vercel Bot commented Apr 27, 2026 •

edited

Loading

Uh oh!

chatgpt-codex-connector Bot left a comment

Uh oh!

Uh oh!

Uh oh!

devin-ai-integration Bot commented Apr 27, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ben-fornefeld Apr 28, 2026

Uh oh!

devin-ai-integration Bot Apr 28, 2026

Uh oh!

ben-fornefeld commented Apr 29, 2026

Uh oh!

devin-ai-integration Bot commented Apr 29, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

devin-ai-integration Bot commented Apr 27, 2026 • edited by ben-fornefeld Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Review & Testing Checklist for Human

Notes

Uh oh!

vercel Bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

Uh oh!

Uh oh!

devin-ai-integration Bot commented Apr 27, 2026

🤖 Devin AI Engineer

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ben-fornefeld Apr 28, 2026

Choose a reason for hiding this comment

Uh oh!

devin-ai-integration Bot Apr 28, 2026

Choose a reason for hiding this comment

Uh oh!

ben-fornefeld commented Apr 29, 2026

Uh oh!

devin-ai-integration Bot commented Apr 29, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

devin-ai-integration Bot commented Apr 27, 2026 •

edited by ben-fornefeld

Loading

vercel Bot commented Apr 27, 2026 •

edited

Loading