| | |
| | | const cancel = () => { |
| | | handleButton('cancel') |
| | | } |
| | | |
| | | const thawmenu = () => { |
| | | handleButton('thawmenu') |
| | | } |
| | | |
| | | const [, drop] = useDrop({ accept: ItemTypes.CARD }) |
| | | return ( |
| | | <> |
| | | <div ref={drop} className="dragdashboard"> |
| | | {cards.map(card => ( |
| | | <Card |
| | | key={card.id} |
| | | id={`${card.id}`} |
| | | text={card.text} |
| | | moveCard={moveCard} |
| | | closeCard={closeCard} |
| | | editCard={editCard} |
| | | findCard={findCard} |
| | | /> |
| | | ))} |
| | | <div className="card-add" onClick={add}> |
| | | <Icon type="plus" /> |
| | | </div> |
| | | <Button type="primary" onClick={confirm}>{dict['header.confirm']}</Button> |
| | | <Button onClick={cancel}>{dict['header.return']}</Button> |
| | | <div ref={drop} className="dragdashboard"> |
| | | {cards.map(card => ( |
| | | <Card |
| | | key={card.id} |
| | | id={`${card.id}`} |
| | | text={card.text} |
| | | moveCard={moveCard} |
| | | closeCard={closeCard} |
| | | editCard={editCard} |
| | | findCard={findCard} |
| | | /> |
| | | ))} |
| | | <div className="card-add" onClick={add}> |
| | | <Icon type="plus" /> |
| | | </div> |
| | | </> |
| | | <Button type="primary" onClick={thawmenu}>{dict['header.thawmenu']}</Button> |
| | | <Button type="primary" onClick={confirm}>{dict['header.confirm']}</Button> |
| | | <Button onClick={cancel}>{dict['header.close']}</Button> |
| | | </div> |
| | | ) |
| | | } |
| | | export default Container |