Function MoveableHeader

client/src/components/collectionView/MoveableHeader.tsx:102–931

({
  collection,
  currentCollectionId,
  selectCollection,
  selectRequest,
  selectScript,
  index,
  duplicateCollection,
  dispatchCollections,
  moveCollection,
  moveRequest,
  moveScript,
  isCollectionDescendant,
}: MoveableHeaderProps)

}

function MoveableHeader({
  collection,
  currentCollectionId,
  selectCollection,
  selectRequest,
  selectScript,
  index,
  duplicateCollection,
  dispatchCollections,
  moveCollection,
  moveRequest,
  moveScript,
  isCollectionDescendant,
}: MoveableHeaderProps) {
  const { user } = useContext(UserContext);
  const [state, setState] = useState<MoveableHeaderState>({
    name: collection.name,
    newRequestName: '',
    currentModal: '',
    importData: '',
    newCollectionName: '',
    groups: user?.data?.groups ?? [],
    uploadFile: undefined,
    basePath: '',
    selectedImport: 'openapi',
    newScriptName: '',
  });
  const id = collection.id;
  const ref = useRef<HTMLDivElement>(null);
  const initialRef = useRef(null);
  const [isTopHovered, setIsTopHovered] = useState(false);
  const [isMiddleHovered, setIsMiddleHovered] = useState(false);
  const [isBottomHovered, setIsBottomHovered] = useState(false);
  const { colorMode } = useColorMode();
  const { onCopy } = useClipboard(`${window.location.origin}/#/${collection.id}`);
  const toast = useToast();
  const { isOpen, onOpen, onClose } = useDisclosure();
  const headerVariants = useMemo(() => {
    return currentCollectionId === collection.id ? ['selected'] : [];
  }, [currentCollectionId, collection.id]);
  const iconVariants = useMemo(() => {
    return collection.open ? ['open'] : [];
  }, [collection.open]);
  const [{ handlerId }, drop] = useDrop<
    DragItem,
    void,
    {
      handlerId: Identifier | null;
    }
  >({
    accept: DragTypes.COLLECTION,
    hover(item, monitor) {
      if (!ref.current || !monitor.isOver()) {
        return;
      }

      if (isCollectionDescendant(item.id, id)) {
        return;