IO-944 Admin Card styles

This commit is contained in:
Patrick Fic
2021-04-27 18:17:38 -07:00
parent 5aceac630f
commit 35f98f7566

View File

@@ -10,6 +10,7 @@ import ScoreboardAddButton from "../../components/job-scoreboard-add-button/job-
import JobsAdminClass from "../../components/jobs-admin-class/jobs-admin-class.component";
import JobsAdminDatesChange from "../../components/jobs-admin-dates/jobs-admin-dates.component";
import JobsAdminDeleteIntake from "../../components/jobs-admin-delete-intake/jobs-admin-delete-intake.component";
import JobsAdminMarkReexport from "../../components/jobs-admin-mark-reexport/jobs-admin-mark-reexport.component";
import JobAdminOwnerReassociate from "../../components/jobs-admin-owner-reassociate/jobs-admin-owner-reassociate.component";
import JobAdminVehicleReassociate from "../../components/jobs-admin-vehicle-reassociate/jobs-admin-vehicle-reassociate.component";
import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
@@ -20,7 +21,6 @@ import {
setBreadcrumbs,
setSelectedHeader,
} from "../../redux/application/application.actions";
import JobsAdminMarkReexport from "../../components/jobs-admin-mark-reexport/jobs-admin-mark-reexport.component";
const mapDispatchToProps = (dispatch) => ({
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -34,6 +34,10 @@ const colSpan = {
xl: { span: 6 },
};
const cardStyle = {
height: "100%",
};
export function JobsCloseContainer({ setBreadcrumbs, setSelectedHeader }) {
const { jobId } = useParams();
const { loading, error, data } = useQuery(GET_JOB_BY_PK, {
@@ -79,35 +83,32 @@ export function JobsCloseContainer({ setBreadcrumbs, setSelectedHeader }) {
<RbacWrapper action="jobs:admin">
<Row gutter={[16, 16]}>
<Col {...colSpan}>
<Card>
<Card style={cardStyle}>
<Space wrap>
<ScoreboardAddButton job={data ? data.jobs_by_pk : {}} />
<JobsAdminDeleteIntake job={data ? data.jobs_by_pk : {}} />
<JobsAdminMarkReexport job={data ? data.jobs_by_pk : {}} />
</Space>
</Card>
</Col>
<Col {...colSpan}>
<Card>
<Card style={cardStyle}>
<JobsAdminClass job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col {...colSpan}>
<Card>
<Card style={cardStyle}>
<JobAdminOwnerReassociate job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col {...colSpan}>
<Card>
<Card style={cardStyle}>
<JobAdminVehicleReassociate job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col {...colSpan}>
<Card>
<JobsAdminMarkReexport job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col span={24}>
<Card>
<Card style={cardStyle}>
<JobsAdminDatesChange job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>