From 1cb1b5083fad1f0e7e8bd0039e2797fa603f6016 Mon Sep 17 00:00:00 2001
From: Andrey Onishchenko <loraner123@gmail.com>
Date: Fri, 13 Feb 2026 19:16:22 +0300
Subject: [PATCH] fix: remove tag badges next to filter button to save space

Show only the count inside the filter button instead of rendering
individual tag badges alongside it.
---
 apps/dokploy/components/shared/tag-filter.tsx | 35 +------------------
 1 file changed, 1 insertion(+), 34 deletions(-)

diff --git a/apps/dokploy/components/shared/tag-filter.tsx b/apps/dokploy/components/shared/tag-filter.tsx
index 89131929e..22e428b52 100644
--- a/apps/dokploy/components/shared/tag-filter.tsx
+++ b/apps/dokploy/components/shared/tag-filter.tsx
@@ -1,4 +1,4 @@
-import { Filter, X } from "lucide-react";
+import { Filter } from "lucide-react";
 import * as React from "react";
 import { HandleTag } from "@/components/dashboard/settings/tags/tag-manager";
 import { Badge } from "@/components/ui/badge";
@@ -53,10 +53,6 @@ export function TagFilter({
 		onTagsChange([]);
 	};
 
-	const selectedTagObjects = tags.filter((tag) =>
-		selectedTags.includes(tag.id),
-	);
-
 	return (
 		<div className={cn("flex items-center gap-2", className)}>
 			<Popover open={open} onOpenChange={setOpen}>
@@ -134,35 +130,6 @@ export function TagFilter({
 					</Command>
 				</PopoverContent>
 			</Popover>
-
-			{selectedTagObjects.length > 0 && (
-				<div className="flex flex-wrap gap-1 items-center">
-					{selectedTagObjects.map((tag) => (
-						<Badge
-							key={tag.id}
-							variant="blank"
-							style={{
-								backgroundColor: tag.color ? `${tag.color}33` : undefined,
-								color: tag.color || undefined,
-								borderColor: tag.color ? `${tag.color}66` : undefined,
-							}}
-							className="flex items-center gap-1 pr-1 border"
-						>
-							<span>{tag.name}</span>
-							<button
-								type="button"
-								onClick={() =>
-									onTagsChange(selectedTags.filter((id) => id !== tag.id))
-								}
-								className="ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
-							>
-								<X className="h-3 w-3 hover:opacity-70" />
-								<span className="sr-only">Remove {tag.name} filter</span>
-							</button>
-						</Badge>
-					))}
-				</div>
-			)}
 		</div>
 	);
 }