import React, {useState, useEffect} from "react"; import { ButtonUi, ButtonUiType } from "../../shared/UI/ButtonUi"; import Modal from 'react-bootstrap/Modal'; import Form from 'react-bootstrap/Form'; import { AuctionItem } from "../../types"; interface AddAuctionModalProps { showModal: boolean, onHide: () => void, currentAuction: AuctionItem, editAuctionItem: (newAuctionName:string, currentEditAuctionId:string) => void } export const EditAuctionModal:React.FC = ({showModal, onHide, currentAuction, editAuctionItem}) => { const [newAuctionName, setNewAuctionName] = useState('') useEffect(() => { currentAuction ? setNewAuctionName(currentAuction.name) : setNewAuctionName('') }, [currentAuction]) const editAuction = () => { editAuctionItem(newAuctionName, currentAuction.uuid) onHide() } return ( Редактировать аукцион №{currentAuction.uuid}
Название аукциона* setNewAuctionName(e.target.value)} autoFocus /> Комментарий к аукциону
) }