Further UI Updates

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

@@ -8,7 +8,7 @@ import AuditTrailValuesComponent from "../audit-trail-values/audit-trail-values.
 export default function AuditTrailListComponent({ loading, data }) {
   const [state, setState] = useState({
     sortedInfo: {},
-    filteredInfo: {}
+    filteredInfo: {},
   });
   const { t } = useTranslation();
   const columns = [
@@ -22,7 +22,7 @@ export default function AuditTrailListComponent({ loading, data }) {
       ),
       sorter: (a, b) => a.created - b.created,
       sortOrder:
-        state.sortedInfo.columnKey === "created" && state.sortedInfo.order
+        state.sortedInfo.columnKey === "created" && state.sortedInfo.order,
     },
     {
       title: t("audit.fields.operation"),
@@ -31,7 +31,7 @@ export default function AuditTrailListComponent({ loading, data }) {
       width: "10%",
       sorter: (a, b) => alphaSort(a.operation, b.operation),
       sortOrder:
-        state.sortedInfo.columnKey === "operation" && state.sortedInfo.order
+        state.sortedInfo.columnKey === "operation" && state.sortedInfo.order,
     },
     {
       title: t("audit.fields.values"),
@@ -43,7 +43,7 @@ export default function AuditTrailListComponent({ loading, data }) {
           oldV={record.old_val}
           newV={record.new_val}
         />
-      )
+      ),
     },
     {
       title: t("audit.fields.useremail"),
@@ -52,19 +52,19 @@ export default function AuditTrailListComponent({ loading, data }) {
       width: "10%",
       sorter: (a, b) => alphaSort(a.useremail, b.useremail),
       sortOrder:
-        state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order
-    }
+        state.sortedInfo.columnKey === "useremail" && state.sortedInfo.order,
+    },
   ];
 
   const formItemLayout = {
     labelCol: {
       xs: { span: 12 },
-      sm: { span: 5 }
+      sm: { span: 5 },
     },
     wrapperCol: {
       xs: { span: 24 },
-      sm: { span: 12 }
-    }
+      sm: { span: 12 },
+    },
   };
   const handleTableChange = (pagination, filters, sorter) => {
     setState({ ...state, filteredInfo: filters, sortedInfo: sorter });
@@ -74,9 +74,8 @@ export default function AuditTrailListComponent({ loading, data }) {
     <Table
       {...formItemLayout}
       loading={loading}
-      size="small"
       pagination={{ position: "top", defaultPageSize: 25 }}
-      columns={columns.map(item => ({ ...item }))}
+      columns={columns.map((item) => ({ ...item }))}
       rowKey="id"
       dataSource={data}
       onChange={handleTableChange}