Foxel/web/src/pages/FileExplorerPage/components/Modals/RenameModal.tsx

import React, { useState, useEffect } from 'react';
import { Modal, Input } from 'antd';
import { useI18n } from '../../../../i18n';
import type { VfsEntry } from '../../../../api/client';

interface RenameModalProps {
  entry: VfsEntry | null;
  onOk: (entry: VfsEntry, newName: string) => void;
  onCancel: () => void;
}

export const RenameModal: React.FC<RenameModalProps> = ({ entry, onOk, onCancel }) => {
  const [name, setName] = useState('');
  const { t } = useI18n();

  useEffect(() => {
    if (entry) {
      setName(entry.name);
    }
  }, [entry]);

  const handleOk = () => {
    if (entry) {
      onOk(entry, name);
    }
  };

  return (
    <Modal
      title={t('Rename')}
      open={!!entry}
      onOk={handleOk}
      onCancel={onCancel}
      okButtonProps={{ disabled: !name.trim() || name.trim() === entry?.name }}
      destroyOnHidden
    >
      <Input
        placeholder={t('New Name')}
        value={name}
        onChange={e => setName(e.target.value)}
        onPressEnter={handleOk}
        autoFocus
      />
    </Modal>
  );
};