- the great reformat

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/audit-trail-list/audit-trail-list.component.jsx

@@ -1,85 +1,85 @@
-import React, { useState } from "react";
-import { Table } from "antd";
-import { alphaSort } from "../../utils/sorters";
-import { DateTimeFormatter } from "../../utils/DateFormatter";
-import { useTranslation } from "react-i18next";
+import React, {useState} from "react";
+import {Table} from "antd";
+import {alphaSort} from "../../utils/sorters";
+import {DateTimeFormatter} from "../../utils/DateFormatter";
+import {useTranslation} from "react-i18next";
 import AuditTrailValuesComponent from "../audit-trail-values/audit-trail-values.component";
 import {pageLimit} from "../../utils/config";
 
-export default function AuditTrailListComponent({ loading, data }) {
-  const [state, setState] = useState({
-    sortedInfo: {},
-    filteredInfo: {},
-  });
-  const { t } = useTranslation();
-  const columns = [
-    {
-      title: t("audit.fields.created"),
-      dataIndex: " created",
-      key: " created",
-      width: "10%",
-      render: (text, record) => (
-        <DateTimeFormatter>{record.created}</DateTimeFormatter>
-      ),
-      sorter: (a, b) => a.created - b.created,
-      sortOrder:
-        state.sortedInfo.columnKey === "created" && state.sortedInfo.order,
-    },
-    {
-      title: t("audit.fields.operation"),
-      dataIndex: "operation",
-      key: "operation",
-      width: "10%",
-      sorter: (a, b) => alphaSort(a.operation, b.operation),
-      sortOrder:
-        state.sortedInfo.columnKey === "operation" && state.sortedInfo.order,
-    },
-    {
-      title: t("audit.fields.values"),
-      dataIndex: " old_val",
-      key: " old_val",
-      width: "10%",
-      render: (text, record) => (
-        <AuditTrailValuesComponent
-          oldV={record.old_val}
-          newV={record.new_val}
+export default function AuditTrailListComponent({loading, data}) {
+    const [state, setState] = useState({
+        sortedInfo: {},
+        filteredInfo: {},
+    });
+    const {t} = useTranslation();
+    const columns = [
+        {
+            title: t("audit.fields.created"),
+            dataIndex: " created",
+            key: " created",
+            width: "10%",
+            render: (text, record) => (
+                <DateTimeFormatter>{record.created}</DateTimeFormatter>
+            ),
+            sorter: (a, b) => a.created - b.created,
+            sortOrder:
+                state.sortedInfo.columnKey === "created" && state.sortedInfo.order,
+        },
+        {
+            title: t("audit.fields.operation"),
+            dataIndex: "operation",
+            key: "operation",
+            width: "10%",
+            sorter: (a, b) => alphaSort(a.operation, b.operation),
+            sortOrder:
+                state.sortedInfo.columnKey === "operation" && state.sortedInfo.order,
+        },
+        {
+            title: t("audit.fields.values"),
+            dataIndex: " old_val",
+            key: " old_val",
+            width: "10%",
+            render: (text, record) => (
+                <AuditTrailValuesComponent
+                    oldV={record.old_val}
+                    newV={record.new_val}
+                />
+            ),
+        },
+        {
+            title: t("audit.fields.useremail"),
+            dataIndex: "useremail",
+            key: "useremail",
+            width: "10%",
+            sorter: (a, b) => alphaSort(a.useremail, b.useremail),
+            sortOrder:
+                state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order,
+        },
+    ];
+
+    const formItemLayout = {
+        labelCol: {
+            xs: {span: 12},
+            sm: {span: 5},
+        },
+        wrapperCol: {
+            xs: {span: 24},
+            sm: {span: 12},
+        },
+    };
+    const handleTableChange = (pagination, filters, sorter) => {
+        setState({...state, filteredInfo: filters, sortedInfo: sorter});
+    };
+
+    return (
+        <Table
+            {...formItemLayout}
+            loading={loading}
+            pagination={{position: "top", defaultPageSize: pageLimit}}
+            columns={columns}
+            rowKey="id"
+            dataSource={data}
+            onChange={handleTableChange}
         />
-      ),
-    },
-    {
-      title: t("audit.fields.useremail"),
-      dataIndex: "useremail",
-      key: "useremail",
-      width: "10%",
-      sorter: (a, b) => alphaSort(a.useremail, b.useremail),
-      sortOrder:
-        state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order,
-    },
-  ];
-
-  const formItemLayout = {
-    labelCol: {
-      xs: { span: 12 },
-      sm: { span: 5 },
-    },
-    wrapperCol: {
-      xs: { span: 24 },
-      sm: { span: 12 },
-    },
-  };
-  const handleTableChange = (pagination, filters, sorter) => {
-    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
-  };
-
-  return (
-    <Table
-      {...formItemLayout}
-      loading={loading}
-      pagination={{ position: "top", defaultPageSize: pageLimit }}
-      columns={columns}
-      rowKey="id"
-      dataSource={data}
-      onChange={handleTableChange}
-    />
-  );
+    );
 }

client/src/components/audit-trail-list/audit-trail-list.container.jsx

@@ -1,40 +1,40 @@
 import React from "react";
 import AuditTrailListComponent from "./audit-trail-list.component";
-import { useQuery } from "@apollo/client";
-import { QUERY_AUDIT_TRAIL } from "../../graphql/audit_trail.queries";
+import {useQuery} from "@apollo/client";
+import {QUERY_AUDIT_TRAIL} from "../../graphql/audit_trail.queries";
 import AlertComponent from "../alert/alert.component";
-import { logImEXEvent } from "../../firebase/firebase.utils";
+import {logImEXEvent} from "../../firebase/firebase.utils";
 import EmailAuditTrailListComponent from "./email-audit-trail-list.component";
-import { Card, Row } from "antd";
+import {Card, Row} from "antd";
 
-export default function AuditTrailListContainer({ recordId }) {
-  const { loading, error, data } = useQuery(QUERY_AUDIT_TRAIL, {
-    variables: { id: recordId },
-    fetchPolicy: "network-only",
-    nextFetchPolicy: "network-only",
-  });
+export default function AuditTrailListContainer({recordId}) {
+    const {loading, error, data} = useQuery(QUERY_AUDIT_TRAIL, {
+        variables: {id: recordId},
+        fetchPolicy: "network-only",
+        nextFetchPolicy: "network-only",
+    });
 
-  logImEXEvent("audittrail_view", { recordId });
-  return (
-    <div>
-      {error ? (
-        <AlertComponent type="error" message={error.message} />
-      ) : (
-        <Row gutter={[16, 16]}>
-          <Card>
-            <AuditTrailListComponent
-              loading={loading}
-              data={data ? data.audit_trail : []}
-            />
-          </Card>
-          <Card>
-            <EmailAuditTrailListComponent
-              loading={loading}
-              data={data ? data.audit_trail : []}
-            />
-          </Card>
-        </Row>
-      )}
-    </div>
-  );
+    logImEXEvent("audittrail_view", {recordId});
+    return (
+        <div>
+            {error ? (
+                <AlertComponent type="error" message={error.message}/>
+            ) : (
+                <Row gutter={[16, 16]}>
+                    <Card>
+                        <AuditTrailListComponent
+                            loading={loading}
+                            data={data ? data.audit_trail : []}
+                        />
+                    </Card>
+                    <Card>
+                        <EmailAuditTrailListComponent
+                            loading={loading}
+                            data={data ? data.audit_trail : []}
+                        />
+                    </Card>
+                </Row>
+            )}
+        </div>
+    );
 }

client/src/components/audit-trail-list/email-audit-trail-list.component.jsx

@@ -1,64 +1,64 @@
-import { Table } from "antd";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { DateTimeFormatter } from "../../utils/DateFormatter";
-import { alphaSort } from "../../utils/sorters";
+import {Table} from "antd";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+import {DateTimeFormatter} from "../../utils/DateFormatter";
+import {alphaSort} from "../../utils/sorters";
 import {pageLimit} from "../../utils/config";
 
-export default function EmailAuditTrailListComponent({ loading, data }) {
-  const [state, setState] = useState({
-    sortedInfo: {},
-    filteredInfo: {},
-  });
-  const { t } = useTranslation();
-  const columns = [ 
-    {
-      title: t("audit.fields.created"),
-      dataIndex: " created",
-      key: " created",
-      width: "10%",
-      render: (text, record) => (
-        <DateTimeFormatter>{record.created}</DateTimeFormatter>
-      ),
-      sorter: (a, b) => a.created - b.created,
-      sortOrder:
-        state.sortedInfo.columnKey === "created" && state.sortedInfo.order,
-    },
+export default function EmailAuditTrailListComponent({loading, data}) {
+    const [state, setState] = useState({
+        sortedInfo: {},
+        filteredInfo: {},
+    });
+    const {t} = useTranslation();
+    const columns = [
+        {
+            title: t("audit.fields.created"),
+            dataIndex: " created",
+            key: " created",
+            width: "10%",
+            render: (text, record) => (
+                <DateTimeFormatter>{record.created}</DateTimeFormatter>
+            ),
+            sorter: (a, b) => a.created - b.created,
+            sortOrder:
+                state.sortedInfo.columnKey === "created" && state.sortedInfo.order,
+        },
 
-    {
-      title: t("audit.fields.useremail"),
-      dataIndex: "useremail",
-      key: "useremail",
-      width: "10%",
-      sorter: (a, b) => alphaSort(a.useremail, b.useremail),
-      sortOrder:
-        state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order,
-    },
-  ];
+        {
+            title: t("audit.fields.useremail"),
+            dataIndex: "useremail",
+            key: "useremail",
+            width: "10%",
+            sorter: (a, b) => alphaSort(a.useremail, b.useremail),
+            sortOrder:
+                state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order,
+        },
+    ];
 
-  const formItemLayout = {
-    labelCol: {
-      xs: { span: 12 },
-      sm: { span: 5 },
-    },
-    wrapperCol: {
-      xs: { span: 24 },
-      sm: { span: 12 },
-    },
-  };
-  const handleTableChange = (pagination, filters, sorter) => {
-    setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
-  };
+    const formItemLayout = {
+        labelCol: {
+            xs: {span: 12},
+            sm: {span: 5},
+        },
+        wrapperCol: {
+            xs: {span: 24},
+            sm: {span: 12},
+        },
+    };
+    const handleTableChange = (pagination, filters, sorter) => {
+        setState({...state, filteredInfo: filters, sortedInfo: sorter});
+    };
 
-  return (
-    <Table
-      {...formItemLayout}
-      loading={loading}
-      pagination={{ position: "top", defaultPageSize: pageLimit }}
-      columns={columns}
-      rowKey="id"
-      dataSource={data}
-      onChange={handleTableChange}
-    />
-  );
+    return (
+        <Table
+            {...formItemLayout}
+            loading={loading}
+            pagination={{position: "top", defaultPageSize: pageLimit}}
+            columns={columns}
+            rowKey="id"
+            dataSource={data}
+            onChange={handleTableChange}
+        />
+    );
 }