cleanup onboarding

Author: izadoesdev

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

@@ -179,48 +179,38 @@ export function InvitationsView({
 						className="flex h-full flex-col"
 						onValueChange={setTab}
 						value={selectedTab}
+						variant="underline"
 					>
 						{/* Tabs */}
-						<div className="border-b">
-							<TabsList className="flex h-10 w-full bg-transparent p-0">
-								<TabsTrigger
-									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="size-3.5" weight="duotone" />
-									Pending
-									{pendingCount > 0 && (
-										<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="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="size-3.5" weight="bold" />
-									Expired
-									{expiredCount > 0 && (
-										<span className="rounded-full bg-muted px-1.5 py-0.5 text-muted-foreground text-xs">
-											{expiredCount}
-										</span>
-									)}
-								</TabsTrigger>
-								<TabsTrigger
-									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="size-3.5" weight="bold" />
-									Accepted
-									{acceptedCount > 0 && (
-										<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>
-									)}
-								</TabsTrigger>
-							</TabsList>
-						</div>
+						<TabsList>
+							<TabsTrigger value="pending">
+								<ClockIcon className="size-3.5" weight="duotone" />
+								Pending
+								{pendingCount > 0 && (
+									<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 value="expired">
+								<XIcon className="size-3.5" weight="bold" />
+								Expired
+								{expiredCount > 0 && (
+									<span className="rounded-full bg-muted px-1.5 py-0.5 text-muted-foreground text-xs">
+										{expiredCount}
+									</span>
+								)}
+							</TabsTrigger>
+							<TabsTrigger value="accepted">
+								<CheckIcon className="size-3.5" weight="bold" />
+								Accepted
+								{acceptedCount > 0 && (
+									<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>
+								)}
+							</TabsTrigger>
+						</TabsList>
 
 						{/* Content */}
 						<div className="flex-1 overflow-y-auto">