30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Descriptions, Card } from "antd";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export default function ContractJobBlock({ job }) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<Link to={`/manage/jobs/${job && job.id}`}>
|
|
<Card title={t("jobs.labels.job")}>
|
|
<Descriptions column={1}>
|
|
<Descriptions.Item label={t("jobs.fields.ro_number")}>
|
|
{(job && job.ro_number) || ""}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label={t("jobs.fields.vehicle")}>
|
|
{`${(job && job.v_model_yr) || ""} ${
|
|
(job && job.v_make_desc) || ""
|
|
} ${(job && job.v_model_desc) || ""}`}
|
|
</Descriptions.Item>
|
|
<Descriptions.Item label={t("jobs.fields.owner")}>
|
|
{`${(job && job.ownr_fn) || ""} ${(job && job.ownr_ln) || ""} ${
|
|
(job && job.ownr_co_nm) || ""
|
|
}`}
|
|
</Descriptions.Item>
|
|
</Descriptions>
|
|
</Card>
|
|
</Link>
|
|
);
|
|
}
|