@@ -46,7 +46,6 @@ import {
4646 SquareUserRound ,
4747 Sun ,
4848 TextSearch ,
49- TriangleAlertIcon ,
5049 Users ,
5150} from 'lucide-react'
5251import { useMemo } from 'react'
@@ -248,7 +247,7 @@ export function Sidebar({ isBannerVisible, billingEnabled, version }: SidebarPro
248247 < SidebarFooter >
249248 < SidebarMenu >
250249 { selectedOrganization ?. suspended && (
251- < SidebarMenuItem key = "suspended" >
250+ < SidebarMenuItem key = "suspended" className = "mb-3" >
252251 < SuspensionBanner suspension = { selectedOrganization } />
253252 </ SidebarMenuItem >
254253 ) }
@@ -360,7 +359,6 @@ function SetupRequiredBanner({ suspension }: { suspension: Suspension }) {
360359
361360 const config = isPaymentMethodRequired
362361 ? {
363- icon : < CreditCard size = { 16 } strokeWidth = { 1.5 } /> ,
364362 title : 'Setup Required' ,
365363 description : 'Add a payment method to start creating sandboxes.' ,
366364 action : (
@@ -372,14 +370,12 @@ function SetupRequiredBanner({ suspension }: { suspension: Suspension }) {
372370 ) ,
373371 }
374372 : {
375- icon : < Mail size = { 16 } strokeWidth = { 1.5 } /> ,
376373 title : 'Verification Required' ,
377374 description : 'Please verify your email address to access all features.' ,
378375 }
379376
380377 return (
381378 < Alert variant = "info" >
382- { config . icon }
383379 < AlertTitle > { config . title } </ AlertTitle >
384380 < AlertDescription >
385381 { config . description }
@@ -401,7 +397,6 @@ function SuspensionBanner({ suspension }: { suspension: Suspension }) {
401397
402398 return (
403399 < Alert variant = "destructive" >
404- < TriangleAlertIcon />
405400 < AlertTitle > Organization suspended</ AlertTitle >
406401 < AlertDescription >
407402 { suspension . suspensionReason && (
0 commit comments