Manage Profile Pages
This commit is contained in:
@@ -31,28 +31,28 @@ export default function WhiteBoardCard({ metadata }) {
|
||||
|
||||
const menu = (
|
||||
<Menu>
|
||||
<Menu.Item key='images'>
|
||||
<Icon type='file-image' />
|
||||
<Menu.Item key="images">
|
||||
<Icon type="file-image" />
|
||||
{t("whiteboard.viewJobImages")}
|
||||
</Menu.Item>
|
||||
<Menu.Item key='printing'>
|
||||
<Icon type='printer' />
|
||||
<Menu.Item key="printing">
|
||||
<Icon type="printer" />
|
||||
{t("whiteboard.printCenter")}
|
||||
</Menu.Item>
|
||||
<Menu.Item key='notes'>
|
||||
<Icon type='edit' />
|
||||
<Menu.Item key="notes">
|
||||
<Icon type="edit" />
|
||||
{t("whiteboard.notes")}
|
||||
</Menu.Item>
|
||||
<Menu.Item key='postinvoices'>
|
||||
<Icon type='shopping-cart' />
|
||||
<Menu.Item key="postinvoices">
|
||||
<Icon type="shopping-cart" />
|
||||
{t("whiteboard.postInvoices")}
|
||||
</Menu.Item>
|
||||
<Menu.Item key='receiveparts'>
|
||||
<Icon type='inbox' />
|
||||
<Menu.Item key="receiveparts">
|
||||
<Icon type="inbox" />
|
||||
{t("whiteboard.receiveParts")}
|
||||
</Menu.Item>
|
||||
<Menu.Item key='partstatus'>
|
||||
<Icon type='tool' />
|
||||
<Menu.Item key="partstatus">
|
||||
<Icon type="tool" />
|
||||
{t("whiteboard.partStatus")}
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
@@ -72,28 +72,31 @@ export default function WhiteBoardCard({ metadata }) {
|
||||
bodyStyle={{ padding: 10 }}
|
||||
actions={[
|
||||
<Link to={`/manage/jobs/${metadata.id}`}>
|
||||
<Icon type='eye' key='view' />
|
||||
<Icon type="eye" key="view" />
|
||||
</Link>,
|
||||
<Icon type='message' key='message' />,
|
||||
<Icon type="message" key="message" />,
|
||||
<Dropdown overlay={menu} trigger={["click"]}>
|
||||
<Icon type='ellipsis' />
|
||||
<Icon type="ellipsis" />
|
||||
</Dropdown>
|
||||
]}>
|
||||
]}
|
||||
>
|
||||
<Row>
|
||||
<Col span={6}>
|
||||
<Avatar size='large' alt='Vehicle Image' src={CarImage} />
|
||||
<Avatar size="large" alt="Vehicle Image" src={CarImage} />
|
||||
</Col>
|
||||
<Col span={18}>
|
||||
<Row>
|
||||
<WrappedSpan>
|
||||
{`${metadata.vehicle?.v_model_yr ?? "N/A"} ${metadata.vehicle
|
||||
?.v_make_desc ?? "N/A"} ${metadata.vehicle?.v_model_desc ??
|
||||
"N/A"}`}
|
||||
{metadata.vehicle?.v_model_yr ?? t("general.labels.na")}{" "}
|
||||
{metadata.vehicle?.v_make_desc ?? t("general.labels.na")}{" "}
|
||||
{metadata.vehicle?.v_model_desc ?? t("general.labels.na")}
|
||||
</WrappedSpan>
|
||||
</Row>
|
||||
{metadata.vehicle?.v_vin ? (
|
||||
<Row>
|
||||
<WrappedSpan>{`VIN: ${metadata.vehicle?.v_vin}`}</WrappedSpan>
|
||||
<WrappedSpan>
|
||||
VIN: {metadata.vehicle?.v_vin ?? t("general.labels.na")}
|
||||
</WrappedSpan>
|
||||
</Row>
|
||||
) : null}
|
||||
</Col>
|
||||
@@ -101,13 +104,11 @@ export default function WhiteBoardCard({ metadata }) {
|
||||
<Row>
|
||||
<Col span={12}>
|
||||
{t("general.labels.in")}:
|
||||
<Moment format='MM/DD/YYYY'> {metadata.actual_in}</Moment>
|
||||
<Moment format="MM/DD/YYYY">{metadata.actual_in}</Moment>
|
||||
</Col>
|
||||
<Col span={12}>
|
||||
{t("general.labels.out")}:
|
||||
<Moment format='MM/DD/YYYY'>
|
||||
{metadata.scheduled_completion}
|
||||
</Moment>
|
||||
<Moment format="MM/DD/YYYY">{metadata.scheduled_completion}</Moment>
|
||||
</Col>
|
||||
</Row>
|
||||
</Card>
|
||||
|
||||
Reference in New Issue
Block a user