feat(ui): improve table controls and analytics filters

2026-04-30 13:57:10 +08:00
parent 8bff691089
commit 8f3c41ae77
35 changed files with 858 additions and 472 deletions
@@ -24,6 +24,7 @@ import {
 } from '@/components/ui/select'
 import { Separator } from '@/components/ui/separator'
 import { Textarea } from '@/components/ui/textarea'
+import { GroupBadge } from '@/components/group-badge'
 import { StatusBadge } from '@/components/status-badge'
 import {
  editTagChannels,
@@ -388,17 +389,14 @@ export function EditTagDialog({ open, onOpenChange }: EditTagDialogProps) {
              </Label>
              <div className='flex min-h-[60px] flex-wrap gap-2 rounded-md border p-3'>
                {availableGroups.map((group) => (
-                  <StatusBadge
+                  <GroupBadge
                    key={group}
-                    variant={
-                      selectedGroups.includes(group) ? 'info' : 'neutral'
-                    }
-                    className='cursor-pointer transition-opacity hover:opacity-70'
-                    copyable={false}
+                    group={group}
+                    className={`cursor-pointer rounded-sm transition-opacity hover:opacity-70 ${
+                      selectedGroups.includes(group) ? 'bg-muted/70 px-1' : ''
+                    }`}
                    onClick={() => handleToggleGroup(group)}
-                  >
-                    {group}
-                  </StatusBadge>
+                  />
                ))}
              </div>
            </div>