Merge pull request #177 from scientist-softserv/176-messaging-disclaimer

176 messaging disclaimer

Author: alishaevn

src/compounds/ActionsGroup/actions/SendMessage.jsx

@@ -78,6 +78,20 @@ const SendMessage = ({ backgroundColor, onSubmit, handleClose }) => {
           </ListGroup>
         </Modal.Body>
         <Modal.Footer>
+          <p className='fw-light fst-italic disclaimer'>
+            {/* The "small" tag will make the font size 0.875em of the parent element. It's also accessibility friendly */}
+            <small>
+              Please note that Supplier pricing and other information marked confidential by Supplier must be treated as such.
+            </small>
+          </p>
+
+          <p className='fw-light fst-italic disclaimer'>
+            <small>
+              Do not include any Sensitive Personal Data (e.g. data consisting of racial or ethnic origin, political opinions, religious or
+              philosophical beliefs, or trade union membership, genetic data, biometric data, data concerning health or data concerning a
+              natural person's sex life or sexual orientation) or potentially regulated information in messages or attachments.
+            </small>
+          </p>
           <Button variant='primary' onClick={handleSubmit} type='submit'>
             Send
           </Button>

src/compounds/ActionsGroup/actions/styles.scss

@@ -4,3 +4,8 @@
 #send-message {
   height: 150px;
 }
+
+.disclaimer {
+  font-size: 14px;
+  line-height: 16px;
+}