admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-944 Admin Card styles

Browse Source
This commit is contained in:
Patrick Fic
2021-04-27 18:17:38 -07:00
parent 5aceac630f
commit 35f98f7566
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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