UI: add info message about remaining days to publish changes

Author: carlinmack

invenio_app_rdm/records_ui/utils.py

@@ -167,8 +167,14 @@ def evaluate_file_modification(record):
         "valid_user": file_mod.valid_user,
         "allowed": fm_allowed,
     }
+
     if fm_allowed:
         file_modification["fileModification"] = file_mod
-        file_modification["context"] = {}
+        modification_until = record._record.created + current_app.config.get(
+            "RDM_FILE_MODIFICATION_PERIOD"
+        )
+        file_modification["context"] = {
+            "modification_until": modification_until.isoformat()
+        }
 
     return file_modification

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/FileModificationUntil.js

@@ -0,0 +1,49 @@
+// This file is part of InvenioRDM
+// Copyright (C) 2025 CERN.
+//
+// Invenio RDM Records is free software; you can redistribute it and/or modify it
+// under the terms of the MIT License; see LICENSE file for more details.
+
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import { Trans } from "react-i18next";
+
+export class FileModificationUntil extends Component {
+  render() {
+    const { filesLocked, fileModification, record } = this.props;
+
+    if (!fileModification.fileModification?.enabled) {
+      return null;
+    }
+
+    if (
+      !filesLocked &&
+      record.is_published &&
+      fileModification.context?.modification_until
+    ) {
+      const current = new Date();
+      const until = new Date(fileModification.context?.modification_until);
+      const oneDay = 1000 * 60 * 60 * 24;
+      const daysUntil = Math.round((until - current) / oneDay);
+
+      return (
+        <Trans daysUntil={daysUntil}>
+          {" "}
+          – Unlocked, {{ daysUntil }} days to publish changes
+        </Trans>
+      );
+    }
+
+    return null;
+  }
+}
+
+FileModificationUntil.propTypes = {
+  filesLocked: PropTypes.bool.isRequired,
+  fileModification: PropTypes.object,
+  record: PropTypes.object.isRequired,
+};
+
+FileModificationUntil.defaultProps = {
+  fileModification: {},
+};

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/deposit/RDMDepositForm.js

@@ -48,6 +48,7 @@ import { CopyrightsField } from "@js/invenio_rdm_records/src/deposit/fields/Copy
 import { ShareDraftButton } from "./ShareDraftButton";
 import { depositFormSectionsConfig, severityChecksConfig } from "./config";
 import { RecordDeletion } from "../components/RecordDeletion";
+import { FileModificationUntil } from "../components/FileModificationUntil";
 
 export class RDMDepositForm extends Component {
   constructor(props) {
@@ -183,12 +184,23 @@ export class RDMDepositForm extends Component {
                   record={record}
                   config={this.config}
                   noFiles={this.noFiles}
+                  fileModification={fileModification}
+                  filesLocked={filesLocked}
                 >
                   <AccordionField
                     includesPaths={this.sectionsConfig["files-section"]}
                     severityChecks={this.severityChecks}
                     active
-                    label={i18next.t("Files")}
+                    label={
+                      <>
+                        {i18next.t("Files")}
+                        <FileModificationUntil
+                          fileModification={fileModification}
+                          filesLocked={filesLocked}
+                          record={record}
+                        />
+                      </>
+                    }
                     id="files-section"
                   >
                     {this.noFiles && record.is_published && (