From 5d46ddc3950fb9d0f2ea65d56b866ae4a2b2c46b Mon Sep 17 00:00:00 2001
From: Ethan Freestone <ethan.freestone@k-int.co.uk>
Date: Tue, 7 May 2024 13:01:26 +0100
Subject: [PATCH] chore: MessageBanner

Added messageBanner to settings page explaining the number generator options
---
 src/settings/NumberGeneratorOptions.css |  5 +++++
 src/settings/NumberGeneratorOptions.js  | 13 ++++++++++++-
 translations/ui-users/en.json           |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/settings/NumberGeneratorOptions.css

diff --git a/src/settings/NumberGeneratorOptions.css b/src/settings/NumberGeneratorOptions.css
new file mode 100644
index 000000000..78ddf8414
--- /dev/null
+++ b/src/settings/NumberGeneratorOptions.css
@@ -0,0 +1,5 @@
+@import '@folio/stripes-components/lib/variables';
+
+.marginBottomGutter {
+  margin-bottom: var(--gutter);
+}
diff --git a/src/settings/NumberGeneratorOptions.js b/src/settings/NumberGeneratorOptions.js
index 0928dbc41..2ecb10f0e 100644
--- a/src/settings/NumberGeneratorOptions.js
+++ b/src/settings/NumberGeneratorOptions.js
@@ -6,7 +6,9 @@ import { Field } from 'react-final-form';
 import { stripesConnect, withStripes } from '@folio/stripes/core';
 import { ConfigManager } from '@folio/stripes/smart-components';
 
-import { Col, RadioButton, Row } from '@folio/stripes/components';
+import { Col, MessageBanner, RadioButton, Row } from '@folio/stripes/components';
+
+import css from './NumberGeneratorOptions.css';
 
 class NumberGeneratorOptions extends React.Component {
   static propTypes = {
@@ -53,6 +55,15 @@ class NumberGeneratorOptions extends React.Component {
         stripes={this.props.stripes}
         formType="final-form"
       >
+        <Row>
+          <Col xs={12}>
+            <div className={css.marginBottomGutter}>
+              <MessageBanner>
+                <FormattedMessage id="ui-users.settings.numberGeneratorOptions.info" />
+              </MessageBanner>
+            </div>
+          </Col>
+        </Row>
         <Row>
           <Col xs={12}>
             <Field
diff --git a/translations/ui-users/en.json b/translations/ui-users/en.json
index 29d91b7ab..84a9f566b 100644
--- a/translations/ui-users/en.json
+++ b/translations/ui-users/en.json
@@ -168,6 +168,7 @@
   "settings.manualBlockTemplates": "Templates",
   "settings.manualBlockTemplates.paneTitle": "Patron block templates",
   "settings.numberGeneratorOptions": "Number generator options",
+  "settings.numberGeneratorOptions.info": "Fields which are usually filled using a numeric sequence can use the number generator. When the generator is switched on the field can either be fixed to prevent manual update, or made fully editable. When switched off, the field must be filled manually.",
   "settings.numberGeneratorOptions.useGeneratorForBarcode": "Number generator on, fixed: the barcode can be filled using the generator only.",
   "settings.numberGeneratorOptions.useTextFieldForBarcode": "Number generator off: the barcode can be filled manually only.",
   "settings.numberGeneratorOptions.useBothForBarcode": "Number generator on, editable: the barcode can be filled using the generator and be edited, or filled manually.",