elusive fixes

Author: izadoesdev

apps/dashboard/app/(main)/billing/components/plan-status-badge.tsx

@@ -19,9 +19,5 @@ export function PlanStatusBadge({
 	if (isScheduled) {
 		return <Badge variant="secondary">Scheduled</Badge>;
 	}
-	return (
-		<Badge className="bg-primary/10 text-primary" variant="secondary">
-			Active
-		</Badge>
-	);
+	return <Badge variant="green">Active</Badge>;
 }

apps/dashboard/app/(main)/billing/page.tsx

@@ -133,9 +133,7 @@ export default function BillingPage() {
 							<h3 className="font-semibold">Current Plan</h3>
 							<Badge
 								variant={
-									currentProduct?.status === "scheduled"
-										? "outline"
-										: "secondary"
+									currentProduct?.status === "scheduled" ? "outline" : "green"
 								}
 							>
 								{currentProduct?.status === "scheduled"

apps/dashboard/app/(main)/organizations/components/organizations-list.tsx

@@ -94,7 +94,7 @@ function OrganizationRow({
 			</div>
 
 			{isActive && (
-				<Badge variant="secondary">
+				<Badge variant="green">
 					<CheckCircleIcon className="mr-1" size={12} weight="fill" />
 					Active
 				</Badge>

apps/dashboard/app/(main)/organizations/invitations/invitations-view.tsx

@@ -181,40 +181,40 @@ export function InvitationsView({
 						value={selectedTab}
 					>
 						{/* Tabs */}
-						<div className="border-b px-5">
-							<TabsList className="h-10 w-full justify-start gap-2 bg-transparent p-0">
+						<div className="border-b">
+							<TabsList className="flex h-10 w-full bg-transparent p-0">
 								<TabsTrigger
-									className="h-10 rounded-none border-transparent border-b-2 bg-transparent px-3 data-[state=active]:border-primary data-[state=active]:shadow-none"
+									className="flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-none border-transparent border-b-2 bg-transparent data-[state=active]:border-primary data-[state=active]:text-foreground data-[state=inactive]:text-muted-foreground data-[state=active]:shadow-none"
 									value="pending"
 								>
-									<ClockIcon className="mr-1.5" size={14} weight="duotone" />
+									<ClockIcon className="size-3.5" weight="duotone" />
 									Pending
 									{pendingCount > 0 && (
-										<span className="ml-1.5 rounded-full bg-amber-500/10 px-1.5 py-0.5 text-amber-600 text-xs">
+										<span className="rounded-full bg-amber-500/10 px-1.5 py-0.5 text-amber-600 text-xs dark:text-amber-500">
 											{pendingCount}
 										</span>
 									)}
 								</TabsTrigger>
 								<TabsTrigger
-									className="h-10 rounded-none border-transparent border-b-2 bg-transparent px-3 data-[state=active]:border-primary data-[state=active]:shadow-none"
+									className="flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-none border-transparent border-b-2 bg-transparent data-[state=active]:border-primary data-[state=active]:text-foreground data-[state=inactive]:text-muted-foreground data-[state=active]:shadow-none"
 									value="expired"
 								>
-									<XIcon className="mr-1.5" size={14} weight="bold" />
+									<XIcon className="size-3.5" weight="bold" />
 									Expired
 									{expiredCount > 0 && (
-										<span className="ml-1.5 rounded-full bg-muted px-1.5 py-0.5 text-muted-foreground text-xs">
+										<span className="rounded-full bg-muted px-1.5 py-0.5 text-muted-foreground text-xs">
 											{expiredCount}
 										</span>
 									)}
 								</TabsTrigger>
 								<TabsTrigger
-									className="h-10 rounded-none border-transparent border-b-2 bg-transparent px-3 data-[state=active]:border-primary data-[state=active]:shadow-none"
+									className="flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-none border-transparent border-b-2 bg-transparent data-[state=active]:border-primary data-[state=active]:text-foreground data-[state=inactive]:text-muted-foreground data-[state=active]:shadow-none"
 									value="accepted"
 								>
-									<CheckIcon className="mr-1.5" size={14} weight="bold" />
+									<CheckIcon className="size-3.5" weight="bold" />
 									Accepted
 									{acceptedCount > 0 && (
-										<span className="ml-1.5 rounded-full bg-green-500/10 px-1.5 py-0.5 text-green-600 text-xs">
+										<span className="rounded-full bg-green-500/10 px-1.5 py-0.5 text-green-600 text-xs dark:text-green-500">
 											{acceptedCount}
 										</span>
 									)}

apps/dashboard/app/(main)/organizations/members/member-list.tsx

@@ -145,7 +145,6 @@ function MemberRow({
 					onClick={() =>
 						onConfirmRemove({ id: member.id, name: member.user.name })
 					}
-					size="sm"
 					variant="outline"
 				>
 					<TrashIcon size={14} />

apps/dashboard/components/organizations/api-key-detail-dialog.tsx

@@ -173,7 +173,7 @@ export function ApiKeyDetailDialog({
 										{apiKey.prefix}_{apiKey.start}…
 									</SheetDescription>
 								</div>
-								<Badge variant="secondary">
+								<Badge variant={isActive ? "green" : "secondary"}>
 									{isActive ? "Active" : "Inactive"}
 								</Badge>
 							</div>