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

IO-2626 Correct Sorting, Linking, Pagination and Update Response Container

Browse Source
This commit is contained in:
Allan Carr
2024-02-02 22:45:06 -08:00
parent 0d1ff6390c
commit 97a1bd66d1
5 changed files with 67 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/components/csi-response-form/csi-response-form.container.jsx
View File

@@ -1,19 +1,19 @@
import { useQuery } from "@apollo/client";
import { Card, Form, Result } from "antd";
import queryString from "query-string";
// import queryString from "query-string";
import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
import { useLocation } from "react-router-dom";
// import { useLocation } from "react-router-dom";
import { QUERY_CSI_RESPONSE_BY_PK } from "../../graphql/csi.queries";
import { DateFormatter } from "../../utils/DateFormatter";
import AlertComponent from "../alert/alert.component";
import ConfigFormComponents from "../config-form-components/config-form-components.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
export default function CsiResponseFormContainer() {
export default function CsiResponseFormContainer({ responseid }) {
const { t } = useTranslation();
const [form] = Form.useForm();
const searchParams = queryString.parse(useLocation().search);
const { responseid } = searchParams;
const { loading, error, data } = useQuery(QUERY_CSI_RESPONSE_BY_PK, {
variables: {
id: responseid,
@@ -44,6 +44,19 @@ export default function CsiResponseFormContainer() {
readOnly
componentList={data.csi_by_pk.csiquestion.config}
/>
{data.csi_by_pk.completedon ? (
<>
{t("csi.fields.completedon")}
{": "}
<DateFormatter>{data.csi_by_pk.completedon}</DateFormatter>
</>
) : data.csi_by_pk.validuntil ? (
<>
{t("csi.fields.validuntil")}
{": "}
<DateFormatter>{data.csi_by_pk.validuntil}</DateFormatter>
</>
) : null}
</Form>
</Card>
);