Migrate Files table to data grid

moped-editor/src/queries/project.js

@@ -654,6 +654,7 @@ export const PROJECT_ACTIVITY_LOG_DETAILS = gql`
 export const PROJECT_FILE_ATTACHMENTS = gql`
   query MopedProjectFiles($projectId: Int!) {
     moped_project_files(
+      order_by: { created_at: desc }
       where: { project_id: { _eq: $projectId }, is_deleted: { _eq: false } }
     ) {
       project_file_id
@@ -682,7 +683,7 @@ export const PROJECT_FILE_ATTACHMENTS_UPDATE = gql`
     $fileId: Int!
     $fileName: String!
     $fileType: Int!
-    $fileDescription: String!
+    $fileDescription: String
     $fileUrl: String
   ) {
     update_moped_project_files(

moped-editor/src/utils/activityLogFormatters/mopedFilesActivity.js

@@ -1,6 +1,14 @@
 import AttachFileOutlined from "@mui/icons-material/AttachFileOutlined";
 import { ProjectActivityLogTableMaps } from "../../views/projects/projectView/ProjectActivityLogTableMaps";
 
+/** Fields which do not need to be rendered in the activity log */
+const CHANGE_FIELDS_TO_IGNORE = [
+  "updated_by_user_id",
+  "created_by_user_id",
+  "created_at",
+  "updated_at",
+];
+
 export const formatFilesActivity = (change) => {
   const entryMap = ProjectActivityLogTableMaps["moped_project_files"];
 
@@ -44,6 +52,9 @@ export const formatFilesActivity = (change) => {
   // loop through fields to check for differences, push label onto changes Array
   Object.keys(newRecord).forEach((field) => {
     if (newRecord[field] !== oldRecord[field]) {
+      if (CHANGE_FIELDS_TO_IGNORE.includes(field)) {
+        return;
+      }
       changes.push(entryMap.fields[field]?.label);
     }
   });

moped-editor/src/views/projects/projectView/DataGridTextField.js

@@ -6,9 +6,19 @@ import { useGridApiContext } from "@mui/x-data-grid-pro";
  * @param {Integer} id - Data Grid row id
  * @param {String} value - field value
  * @param {String} field - name of field
+ * @param {Boolean} hasFocus - does this field have focus
+ * @param {String} helperText - optional helper text
+ * @param {Boolean} error - toggles error style in textfield
  * @return {JSX.Element}
  */
-const DataGridTextField = ({ id, value, field, hasFocus }) => {
+const DataGridTextField = ({
+  id,
+  value,
+  field,
+  hasFocus,
+  helperText,
+  error,
+}) => {
   const apiRef = useGridApiContext();
   const ref = React.useRef(null);
 
@@ -38,6 +48,8 @@ const DataGridTextField = ({ id, value, field, hasFocus }) => {
       type="text"
       value={value ?? ""}
       onChange={handleChange}
+      helperText={!!helperText && helperText}
+      error={error}
     />
   );
 };