| | |
| | | import Card from './card' |
| | | import './index.scss' |
| | | |
| | | const Container = ({list, selectId, handleList, handleGroup, closeGroup, selectGroup}) => { |
| | | const Container = ({list, labelSize, selectId, tabtype, handleList, handleGroup, closeGroup, selectGroup}) => { |
| | | const [cards, setCards] = useState(list) |
| | | const moveCard = (id, atIndex) => { |
| | | const { card, index } = findCard(id) |
| | |
| | | } |
| | | } |
| | | |
| | | const editCard = id => { |
| | | const { card } = findCard(id) |
| | | handleGroup(card) |
| | | } |
| | | |
| | | const closeCard = id => { |
| | | const { card } = findCard(id) |
| | | closeGroup(card) |
| | |
| | | } |
| | | |
| | | return ( |
| | | <div className="normal-form-titles" > |
| | | {cards.map(card => ( |
| | | <div className={'normal-form-titles ' + (tabtype || '') } > |
| | | {cards.map((card, i) => ( |
| | | <Card |
| | | id={card.uuid} |
| | | key={card.uuid} |
| | | sort={i + 1} |
| | | labelSize={labelSize} |
| | | active={card.uuid === selectId} |
| | | card={card} |
| | | moveCard={moveCard} |
| | | editCard={editCard} |
| | | closeCard={closeCard} |
| | | updateGroup={handleGroup} |
| | | findCard={findCard} |
| | | selectCard={selectCard} |
| | | /> |