feat:Update pnpm-lock.yaml to link shared package; modify API routes to utilize new schemas for domain and service management; enhance DNS record handling with CNAME support; refactor service and subdomain routes for improved functionality; implement confirm dialog for domain deletion in the frontend; clean up unused components and improve UI consistency.

2026-06-22 13:52:33 +07:00
parent 4a70cf5854
commit 6d1d8ca4f3
99 changed files with 6692 additions and 1483 deletions
@@ -0,0 +1,105 @@
+import { useEffect } from 'react'
+import { useDroppable } from '@dnd-kit/core'
+import { DomainGroupHeader } from '@/components/groups-board/domain-group-header'
+import { DomainRow } from '@/components/groups-board/domain-row'
+import type { BoardColumn } from '@/components/groups-board/types'
+import type { Group } from '@/lib/schemas'
+import {
+  AccordionContent,
+  AccordionItem,
+} from '@cfdm/ui/components/accordion'
+import {
+  Empty,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyTitle,
+} from '@cfdm/ui/components/empty'
+import { ItemGroup, ItemSeparator } from '@cfdm/ui/components/item'
+import { cn } from '@cfdm/ui/lib/utils'
+
+interface DomainGroupItemProps {
+  column: BoardColumn
+  isOpen?: boolean
+  isDragging?: boolean
+  onExpandColumn?: (columnId: string) => void
+  onEditGroup?: (group: Group) => void
+  onDeleteGroup?: (group: Group) => void
+  dragDisabled?: boolean
+  serviceLabelsByDomain?: Map<number, string[]>
+}
+
+export function DomainGroupItem({
+  column,
+  isOpen = true,
+  isDragging = false,
+  onExpandColumn,
+  onEditGroup,
+  onDeleteGroup,
+  dragDisabled = false,
+  serviceLabelsByDomain,
+}: DomainGroupItemProps) {
+  const { setNodeRef, isOver } = useDroppable({
+    id: column.id,
+    disabled: dragDisabled,
+  })
+
+  useEffect(() => {
+    if (isOver && isDragging && !dragDisabled) {
+      onExpandColumn?.(column.id)
+    }
+  }, [isOver, isDragging, dragDisabled, column.id, onExpandColumn])
+
+  return (
+    <AccordionItem
+      value={column.id}
+      className={cn(
+        'not-last:border-b-0 overflow-hidden rounded-lg border border-border transition-colors',
+        !isOpen && 'bg-muted/20',
+        isOpen && 'bg-muted/30',
+        isOver && !dragDisabled && 'ring-2 ring-primary/30',
+      )}
+    >
+      <DomainGroupHeader
+        column={column}
+        isOpen={isOpen}
+        isDragging={isDragging}
+        dragDisabled={dragDisabled}
+        onEditGroup={onEditGroup}
+        onDeleteGroup={onDeleteGroup}
+      />
+
+      <AccordionContent className="px-1 pb-2">
+        <div ref={setNodeRef}>
+          {column.items.length > 0 ? (
+            <ItemGroup className="gap-0 py-1">
+              {column.items.map((domain, index) => (
+                <div key={domain.id}>
+                  {index > 0 ? <ItemSeparator className="my-0" /> : null}
+                  <DomainRow
+                    domain={domain}
+                    serviceLabels={serviceLabelsByDomain?.get(domain.id)}
+                    dragDisabled={dragDisabled}
+                  />
+                </div>
+              ))}
+            </ItemGroup>
+          ) : (
+            <Empty
+              className={cn(
+                'border border-dashed py-2',
+                isOver && !dragDisabled && 'border-primary bg-primary/5',
+              )}
+            >
+              <EmptyHeader>
+                <EmptyTitle className="text-sm">Нет доменов в группе</EmptyTitle>
+                <EmptyDescription>
+                  Перетащите домен сюда
+                </EmptyDescription>
+              </EmptyHeader>
+            </Empty>
+          )}
+        </div>
+      </AccordionContent>
+    </AccordionItem>
+  )
+}