53 lines
1.1 KiB
JavaScript
53 lines
1.1 KiB
JavaScript
import React from "react";
|
|
import Board from "react-trello";
|
|
import { Card } from "antd";
|
|
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
|
|
|
|
export default function ProductionBoardKanbanComponent({
|
|
loading,
|
|
data,
|
|
columnState,
|
|
}) {
|
|
console.log("data", data);
|
|
const data2 = {
|
|
lanes: [
|
|
{
|
|
id: "lane1",
|
|
title: "Planned Tasks",
|
|
label: "2/2",
|
|
cards: [
|
|
{
|
|
id: "Card1",
|
|
title: "Write Blog",
|
|
description: "Can AI make memes",
|
|
label: "30 mins",
|
|
},
|
|
{
|
|
id: "Card2",
|
|
title: "Pay Rent",
|
|
description: "Transfer via NEFT",
|
|
label: "5 mins",
|
|
metadata: { sha: "be312a1" },
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "lane2",
|
|
title: "Completed",
|
|
label: "0/0",
|
|
cards: [],
|
|
},
|
|
],
|
|
};
|
|
|
|
const kanbanCard = (card) => <Card>{card.title}</Card>;
|
|
|
|
if (loading) return <LoadingSpinner />;
|
|
|
|
return (
|
|
<div>
|
|
<Board data={data2} components={{ Card: kanbanCard }} />
|
|
</div>
|
|
);
|
|
}
|