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

- Merge client update into test-beta

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-18 19:20:08 -05:00
parent b53fdadaee e255f0a664
commit 3690ea0332
696 changed files with 92291 additions and 107075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
client/src/components/shop-csi-config/shop-csi-config.component.jsx
View File

@@ -1,51 +1,51 @@
import { CheckCircleFilled } from "@ant-design/icons";
import { Button, Col, List, Row } from "antd";
import React, { useState } from "react";
import { useQuery } from "@apollo/client";
import { useTranslation } from "react-i18next";
import { GET_ALL_QUESTION_SETS } from "../../graphql/csi.queries";
import { DateFormatter } from "../../utils/DateFormatter";
import {CheckCircleFilled} from "@ant-design/icons";
import {Button, Col, List, Row} from "antd";
import React, {useState} from "react";
import {useQuery} from "@apollo/client";
import {useTranslation} from "react-i18next";
import {GET_ALL_QUESTION_SETS} from "../../graphql/csi.queries";
import {DateFormatter} from "../../utils/DateFormatter";
import AlertComponent from "../alert/alert.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
import ShopCsiConfigForm from "../shop-csi-config-form/shop-csi-config-form.component";
export default function ShopCsiConfig() {
const { loading, error, data } = useQuery(GET_ALL_QUESTION_SETS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [selectedCsi, setselectedCsi] = useState(null);
const { t } = useTranslation();
const {loading, error, data} = useQuery(GET_ALL_QUESTION_SETS, {
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const [selectedCsi, setselectedCsi] = useState(null);
const {t} = useTranslation();
if (loading) return <LoadingSpinner />;
if (error) return <AlertComponent message={error.message} type="error" />;
return (
<div>
The Config Form
<Row>
<Col span={3}>
<List
dataSource={data ? data.csiquestions : []}
renderItem={(item) => (
<List.Item>
<DateFormatter>{item.created_at}</DateFormatter>
{item.csis_aggregate.aggregate.count}
<Button onClick={() => setselectedCsi(item)}>
{t("general.actions.view")}
</Button>
{item.current ? (
<CheckCircleFilled />
) : (
<Button>{t("csi.actions.activate")}</Button>
)}
</List.Item>
)}
/>
</Col>
<Col span={21}>
<ShopCsiConfigForm selectedCsi={selectedCsi} />
</Col>
</Row>
</div>
);
if (loading) return <LoadingSpinner/>;
if (error) return <AlertComponent message={error.message} type="error"/>;
return (
<div>
The Config Form
<Row>
<Col span={3}>
<List
dataSource={data ? data.csiquestions : []}
renderItem={(item) => (
<List.Item>
<DateFormatter>{item.created_at}</DateFormatter>
{item.csis_aggregate.aggregate.count}
<Button onClick={() => setselectedCsi(item)}>
{t("general.actions.view")}
</Button>
{item.current ? (
<CheckCircleFilled/>
) : (
<Button>{t("csi.actions.activate")}</Button>
)}
</List.Item>
)}
/>
</Col>
<Col span={21}>
<ShopCsiConfigForm selectedCsi={selectedCsi}/>
</Col>
</Row>
</div>
);
}