24 lines
635 B
JavaScript
24 lines
635 B
JavaScript
import React from "react";
|
|
import Board from "react-trello";
|
|
import WhiteBoardCard from "../white-board-card/white-board-card.component";
|
|
|
|
export default function WhiteBoardKanBan({ data, eventBus }) {
|
|
const setEventBus = handle => {
|
|
eventBus = handle;
|
|
};
|
|
|
|
return (
|
|
<Board
|
|
tagStyle={{ fontSize: "80%" }}
|
|
data={data}
|
|
style={{ backgroundColor: "none" }}
|
|
laneDraggable={false}
|
|
eventBusHandle={setEventBus}
|
|
components={{ Card: WhiteBoardCard }}
|
|
onCardClick={(cardId, metadata) =>
|
|
alert(`Card with id:${cardId} clicked. Has metadata.id: ${metadata.id}`)
|
|
}
|
|
/>
|
|
);
|
|
}
|