Function ModifyColumnModal

src/components/modals/ModifyColumnModal.tsx:34–416

({
  isOpen,
  onClose,
  onSuccess,
  connectionId,
  tableName,
  driver,
  column,
}: ModifyColumnModalProps)

}

export const ModifyColumnModal = ({
  isOpen,
  onClose,
  onSuccess,
  connectionId,
  tableName,
  driver,
  column,
}: ModifyColumnModalProps) => {
  const { t } = useTranslation();
  const { activeSchema } = useDatabase();
  const { dataTypes } = useDataTypes(driver);
  const { allDrivers } = useDrivers();
  const driverManifest = allDrivers.find((d) => d.id === driver);
  const driverCapabilities = driverManifest?.capabilities ?? null;
  const canAlterPk = driverCapabilities?.alter_primary_key !== false;
  const canAlterColumn = supportsAlterColumn(driverCapabilities);
  const isEdit = !!column;

  const availableTypes = useMemo(
    () => dataTypes?.types || [],
    [dataTypes],
  );

  const initial = useMemo(() => {
    if (column) {
      const { type, length } = parseColumnType(column.data_type, availableTypes);
      return {
        name: column.name,
        type,
        length,
        isNullable: column.is_nullable,
        defaultValue: "",
        isPk: column.is_pk || false,
        isAutoInc: column.is_auto_increment || false,
      };
    }
    return {
      name: "",
      type: "VARCHAR",
      length: "255",
      isNullable: true,
      defaultValue: "",
      isPk: false,
      isAutoInc: false,
    };
  }, [column, availableTypes]);

  const [form, setForm] = useState<ColumnDef>(initial);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState("");
  const [sqlPreview, setSqlPreview] = useState("-- ...");

  // Reset form when modal opens/changes
  useEffect(() => {
    setForm(initial);
    setError("");
    setSqlPreview("-- ...");