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

- the great reformat

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-02-06 18:20:58 -05:00
parent 30c530bcc4
commit e83badb454
912 changed files with 108516 additions and 107493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
client/src/components/vehicle-detail-form/vehicle-detail-form.container.jsx
View File

@@ -1,112 +1,112 @@
import React, { useState } from "react";
import { Button, Form, notification, Popconfirm } from "antd";
import React, {useState} from "react";
import {Button, Form, notification, Popconfirm} from "antd";
import {PageHeader} from "@ant-design/pro-layout";
import { useMutation } from "@apollo/client";
import {useMutation} from "@apollo/client";
import VehicleDetailFormComponent from "./vehicle-detail-form.component";
import { useTranslation } from "react-i18next";
import {useTranslation} from "react-i18next";
import dayjs from "../../utils/day";
import { DELETE_VEHICLE, UPDATE_VEHICLE } from "../../graphql/vehicles.queries";
import { useNavigate } from "react-router-dom";
import {DELETE_VEHICLE, UPDATE_VEHICLE} from "../../graphql/vehicles.queries";
import {useNavigate} from "react-router-dom";
function VehicleDetailFormContainer({ vehicle, refetch }) {
const { t } = useTranslation();
const [updateVehicle] = useMutation(UPDATE_VEHICLE);
const [deleteVehicle] = useMutation(DELETE_VEHICLE);
const [form] = Form.useForm();
const [loading, setLoading] = useState(false);
const history = useNavigate();
function VehicleDetailFormContainer({vehicle, refetch}) {
const {t} = useTranslation();
const [updateVehicle] = useMutation(UPDATE_VEHICLE);
const [deleteVehicle] = useMutation(DELETE_VEHICLE);
const [form] = Form.useForm();
const [loading, setLoading] = useState(false);
const history = useNavigate();
const handleDelete = async () => {
setLoading(true);
const result = await deleteVehicle({
variables: { id: vehicle.id },
});
console.log(result);
if (result.errors) {
notification["error"]({
message: t("vehicles.errors.deleting", {
error: JSON.stringify(result.errors),
}),
});
setLoading(false);
} else {
notification["success"]({
message: t("vehicles.successes.delete"),
});
setLoading(false);
history(`/manage/vehicles`);
}
};
const handleDelete = async () => {
setLoading(true);
const result = await deleteVehicle({
variables: {id: vehicle.id},
});
console.log(result);
if (result.errors) {
notification["error"]({
message: t("vehicles.errors.deleting", {
error: JSON.stringify(result.errors),
}),
});
setLoading(false);
} else {
notification["success"]({
message: t("vehicles.successes.delete"),
});
setLoading(false);
history(`/manage/vehicles`);
}
};
const handleFinish = async (values) => {
setLoading(true);
const result = await updateVehicle({
variables: { vehId: vehicle.id, vehicle: values },
});
const handleFinish = async (values) => {
setLoading(true);
const result = await updateVehicle({
variables: {vehId: vehicle.id, vehicle: values},
});
if (!!result.errors) {
notification["error"]({
message: t("vehicles.errors.saving", {
message: JSON.stringify(result.errors),
}),
});
}
if (!!result.errors) {
notification["error"]({
message: t("vehicles.errors.saving", {
message: JSON.stringify(result.errors),
}),
});
}
notification["success"]({
message: t("vehicles.successes.save"),
});
notification["success"]({
message: t("vehicles.successes.save"),
});
if (refetch) await refetch();
form.resetFields();
form.resetFields();
setLoading(false);
};
if (refetch) await refetch();
form.resetFields();
form.resetFields();
setLoading(false);
};
return (
<>
<PageHeader
title={t("menus.header.vehicles")}
extra={[
<Popconfirm
key="delete"
trigger="click"
onConfirm={handleDelete}
disabled={vehicle.jobs.length !== 0}
title={t("vehicles.labels.deleteconfirm")}
>
<Button
type="primary"
danger
loading={loading}
disabled={vehicle.jobs.length !== 0}
return (
<>
<PageHeader
title={t("menus.header.vehicles")}
extra={[
<Popconfirm
key="delete"
trigger="click"
onConfirm={handleDelete}
disabled={vehicle.jobs.length !== 0}
title={t("vehicles.labels.deleteconfirm")}
>
<Button
type="primary"
danger
loading={loading}
disabled={vehicle.jobs.length !== 0}
>
{t("general.actions.delete")}
</Button>
</Popconfirm>,
<Button
key="save"
type="primary"
loading={loading}
onClick={() => form.submit()}
>
{t("general.actions.save")}
</Button>,
]}
/>
<Form
onFinish={handleFinish}
form={form}
autoComplete="off"
layout="vertical"
initialValues={{
...vehicle,
v_prod_dt: vehicle.v_prod_dt ? dayjs(vehicle.v_prod_dt) : null,
}}
>
{t("general.actions.delete")}
</Button>
</Popconfirm>,
<Button
key="save"
type="primary"
loading={loading}
onClick={() => form.submit()}
>
{t("general.actions.save")}
</Button>,
]}
/>
<Form
onFinish={handleFinish}
form={form}
autoComplete="off"
layout="vertical"
initialValues={{
...vehicle,
v_prod_dt: vehicle.v_prod_dt ? dayjs(vehicle.v_prod_dt) : null,
}}
>
<VehicleDetailFormComponent form={form} loading={loading} />
</Form>
</>
);
<VehicleDetailFormComponent form={form} loading={loading}/>
</Form>
</>
);
}
export default VehicleDetailFormContainer;