diff --git a/client/src/components/jobs-admin-class/jobs-admin-class.component.jsx b/client/src/components/jobs-admin-class/jobs-admin-class.component.jsx index 465b693d8..c6a28667b 100644 --- a/client/src/components/jobs-admin-class/jobs-admin-class.component.jsx +++ b/client/src/components/jobs-admin-class/jobs-admin-class.component.jsx @@ -6,7 +6,6 @@ import { connect } from "react-redux"; import { createStructuredSelector } from "reselect"; import { UPDATE_JOB } from "../../graphql/jobs.queries"; import { selectBodyshop } from "../../redux/user/user.selectors"; -import LayoutFormRow from "../layout-form-row/layout-form-row.component"; const mapStateToProps = createStructuredSelector({ bodyshop: selectBodyshop, @@ -55,26 +54,24 @@ export function JobsAdminClass({ bodyshop, job }) { layout="vertical" initialValues={job} > - - - - - + + + -
{t("jobs.labels.ownerassociation")}
-
{t("jobs.labels.deleteintake")}
- - - + ); } diff --git a/client/src/pages/jobs-admin/jobs-admin.page.jsx b/client/src/pages/jobs-admin/jobs-admin.page.jsx index eec245e9a..3a2b73295 100644 --- a/client/src/pages/jobs-admin/jobs-admin.page.jsx +++ b/client/src/pages/jobs-admin/jobs-admin.page.jsx @@ -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 ( -
- - - - - - - - - - -
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
); }