76 lines
1.8 KiB
JavaScript
76 lines
1.8 KiB
JavaScript
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
import { Menu, Dropdown, Card, Icon, Avatar, Button } from "antd";
|
|
|
|
export default function WhiteBoardCard({ metadata }) {
|
|
// const {
|
|
// onClick,
|
|
// className,
|
|
// name,
|
|
// cardStyle,
|
|
// body,
|
|
// dueOn,
|
|
// cardColor,
|
|
// subTitle,
|
|
// tagStyle,
|
|
// escalationText,
|
|
// tags,
|
|
// showDeleteButton,
|
|
// onDelete
|
|
// } = this.props;
|
|
const menu = (
|
|
<Menu>
|
|
<Menu.Item key='images'>
|
|
<Icon type='file-image' />
|
|
View Job Images
|
|
</Menu.Item>
|
|
<Menu.Item key='printing'>
|
|
<Icon type='printer' />
|
|
Printing
|
|
</Menu.Item>
|
|
<Menu.Item key='notes'>
|
|
<Icon type='edit' />
|
|
Job Notes
|
|
</Menu.Item>
|
|
<Menu.Item key='postinvoices'>
|
|
<Icon type='shopping-cart' />
|
|
Post Invoices
|
|
</Menu.Item>
|
|
<Menu.Item key='receiveparts'>
|
|
<Icon type='inbox' />
|
|
Receive Parts
|
|
</Menu.Item>
|
|
<Menu.Item key='partstatus'>
|
|
<Icon type='tool' />
|
|
Parts Status
|
|
</Menu.Item>
|
|
</Menu>
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
<Card
|
|
title={
|
|
(metadata.ro_number ?? metadata.est_number) +
|
|
" | " +
|
|
(metadata.owner?.first_name ?? "") +
|
|
" " +
|
|
(metadata.owner?.last_name ?? "")
|
|
}
|
|
style={{ width: 300, marginTop: 10 }}
|
|
actions={[
|
|
<Link to={`/manage/jobs/${metadata.id}`}>
|
|
<Icon type='eye' key='view' />
|
|
</Link>,
|
|
<Icon type='message' key='message' />,
|
|
<Dropdown overlay={menu} trigger={["click"]}>
|
|
<Icon type='ellipsis' />
|
|
</Dropdown>
|
|
]}>
|
|
<Avatar alt='Job' />
|
|
This is the card data.
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|