From bae809dcd8c2f5889f2560da8e143c918c3fcad4 Mon Sep 17 00:00:00 2001
From: Ethan Freestone <ethan.freestone@k-int.co.uk>
Date: Tue, 7 May 2024 13:01:19 +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-organizations/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 00000000..78ddf841
--- /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 019c6603..77ceb929 100644
--- a/src/Settings/NumberGeneratorOptions.js
+++ b/src/Settings/NumberGeneratorOptions.js
@@ -9,7 +9,9 @@ import {
 } 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';
 
 const ConnectedConfigManager = stripesConnect(ConfigManager);
 
@@ -45,6 +47,15 @@ const NumberGeneratorOptions = (props) => {
       onBeforeSave={beforeSave}
       stripes={props.stripes}
     >
+      <Row>
+        <Col xs={12}>
+          <div className={css.marginBottomGutter}>
+            <MessageBanner>
+              <FormattedMessage id="ui-organizations.settings.numberGeneratorOptions.info" />
+            </MessageBanner>
+          </div>
+        </Col>
+      </Row>
       <Row>
         <Col xs={12}>
           <Field
diff --git a/translations/ui-organizations/en.json b/translations/ui-organizations/en.json
index b0673721..02e50d25 100644
--- a/translations/ui-organizations/en.json
+++ b/translations/ui-organizations/en.json
@@ -456,6 +456,7 @@
   "settings.typeStatus.Active": "Active",
   "settings.typeStatus.Inactive": "Inactive",
   "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.useGeneratorForVendor": "Number generator on, fixed: the vendor code can be filled using the generator only.",
   "settings.numberGeneratorOptions.useTextFieldForVendor": "Number generator off: the vendor code can be filled manually only.",
   "settings.numberGeneratorOptions.useBothForVendor": "Number generator on, editable: the vendor code can be filled using the generator and be edited, or filled manually.",