IO-843 Admin Page Updates

This commit is contained in:
Patrick Fic
2021-04-08 14:04:21 -07:00
parent 7f30439868
commit d61e2c473f
4 changed files with 60 additions and 43 deletions

View File

@@ -1,5 +1,5 @@
import { useQuery } from "@apollo/client";
import { Result } from "antd";
import { Card, Col, Result, Row, Space } from "antd";
import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
@@ -12,7 +12,6 @@ import JobsAdminDatesChange from "../../components/jobs-admin-dates/jobs-admin-d
import JobsAdminDeleteIntake from "../../components/jobs-admin-delete-intake/jobs-admin-delete-intake.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 LayoutFormRow from "../../components/layout-form-row/layout-form-row.component";
import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
import NotFound from "../../components/not-found/not-found.component";
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
@@ -27,6 +26,13 @@ const mapDispatchToProps = (dispatch) => ({
setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
});
const colSpan = {
sm: { span: 24 },
md: { span: 12 },
lg: { span: 8 },
xl: { span: 6 },
};
export function JobsCloseContainer({ setBreadcrumbs, setSelectedHeader }) {
const { jobId } = useParams();
const { loading, error, data } = useQuery(GET_JOB_BY_PK, {
@@ -70,18 +76,37 @@ export function JobsCloseContainer({ setBreadcrumbs, setSelectedHeader }) {
return (
<RbacWrapper action="jobs:admin">
<div>
<ScoreboardAddButton job={data ? data.jobs_by_pk : {}} />
<LayoutFormRow grow>
<JobAdminOwnerReassociate job={data ? data.jobs_by_pk : {}} />
<JobAdminVehicleReassociate job={data ? data.jobs_by_pk : {}} />
</LayoutFormRow>
<LayoutFormRow>
<JobsAdminDeleteIntake job={data ? data.jobs_by_pk : {}} />
</LayoutFormRow>
<JobsAdminDatesChange job={data ? data.jobs_by_pk : {}} />
<JobsAdminClass job={data ? data.jobs_by_pk : {}} />
</div>
<Row gutter={[16, 16]}>
<Col {...colSpan}>
<Card>
<Space wrap>
<ScoreboardAddButton job={data ? data.jobs_by_pk : {}} />
<JobsAdminDeleteIntake job={data ? data.jobs_by_pk : {}} />
</Space>
</Card>
</Col>
<Col {...colSpan}>
<Card>
<JobsAdminClass job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col {...colSpan}>
<Card>
<JobAdminOwnerReassociate job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col {...colSpan}>
<Card>
<JobAdminVehicleReassociate job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
<Col span={24}>
<Card>
<JobsAdminDatesChange job={data ? data.jobs_by_pk : {}} />
</Card>
</Col>
</Row>
</RbacWrapper>
);
}