[OSDEV-2125] Revised Dromo Button Text and Introduced Lead-In Description

doc/release/RELEASE-NOTES.md

@@ -35,6 +35,7 @@ This project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html
 ### What's new
 * [OSDEV-2084](https://opensupplyhub.atlassian.net/browse/OSDEV-2084) - Implemented front-end logic to display the "Beta Self Service Upload" button on the Upload Multiple Locations page when the `enable_dromo_uploading` feature flag is returned as true from the backend.
 * [OSDEV-2082](https://opensupplyhub.atlassian.net/browse/OSDEV-2082) - Replaced `Resources` with `Pricing` in the platform header globally. Moved the `Resources` content under the `How it works` category for better organization.
+* [OSDEV-2125](https://opensupplyhub.atlassian.net/browse/OSDEV-2125) - Changed the copy on the Dromo Self Service button. Included lead-in copy above the Dromo Self Service button stating.
 
 ### Release instructions
 * Ensure that the following commands are included in the `post_deployment` command:

src/react/src/__tests__/components/SelfServiceDromoUploader.test.jsx

@@ -46,15 +46,15 @@ describe('SelfServiceDromoUploader component', () => {
     it('renders the upload button', () => {
         const { getByText } = render(<SelfServiceDromoUploader fileInput={fileInput} updateFileName={updateFileName} />);
 
-        expect(getByText('Beta Self Service Upload')).toBeInTheDocument();
+        expect(getByText('SMART UPLOAD (BETA)')).toBeInTheDocument();
     });
 
     it('opens the uploader when button is clicked', () => {
         const { getByText, getByTestId } = render(
             <SelfServiceDromoUploader fileInput={fileInput} updateFileName={updateFileName} />
         );
 
-        fireEvent.click(getByText('Beta Self Service Upload'));
+        fireEvent.click(getByText('SMART UPLOAD (BETA)'));
 
         expect(getByTestId('dromo-uploader')).toHaveAttribute('data-open', 'true');
     });
@@ -64,7 +64,7 @@ describe('SelfServiceDromoUploader component', () => {
             <SelfServiceDromoUploader fileInput={fileInput} updateFileName={updateFileName} />
         );
 
-        fireEvent.click(getByText('Beta Self Service Upload'));
+        fireEvent.click(getByText('SMART UPLOAD (BETA)'));
         fireEvent.click(getByTestId('dromo-cancel-button'));
 
         expect(getByTestId('dromo-uploader')).toHaveAttribute('data-open', 'false');
@@ -75,7 +75,7 @@ describe('SelfServiceDromoUploader component', () => {
             <SelfServiceDromoUploader fileInput={fileInput} updateFileName={updateFileName} />
         );
 
-        fireEvent.click(getByText('Beta Self Service Upload'));
+        fireEvent.click(getByText('SMART UPLOAD (BETA)'));
         fireEvent.click(getByTestId('dromo-results-button'));
 
         expect(processDromoResults).toHaveBeenCalledWith(

src/react/src/components/ContributeForm.jsx

@@ -146,6 +146,17 @@ const ContributeForm = ({
         <div className="control-panel__group">
             {formInputs}
             <div className="form__field">
+                <FeatureFlag flag={ENABLE_DROMO_UPLOADING}>
+                    <p
+                        style={{
+                            fontSize: '16px',
+                        }}
+                    >
+                        <b>New!</b> Try our <b>smart upload</b> assistant (beta)
+                        that checks your file for formatting issues and helps
+                        fix errors before submission
+                    </p>
+                </FeatureFlag>
                 <div style={contributeFormStyles.uploaderButtonWrapper}>
                     <MaterialButton
                         onClick={selectFile}

src/react/src/components/SelfServiceDromoUploader.jsx

@@ -33,7 +33,7 @@ const SelfServiceDromoUploader = ({ fileInput, updateFileName }) => {
                 style={uploaderButtonStyle}
                 disableRipple
             >
-                Beta Self Service Upload
+                SMART UPLOAD (BETA)
             </MaterialButton>
 
             <DromoUploader

src/react/src/util/constants.jsx

@@ -59,7 +59,7 @@ export const InfoPaths = {
 
     // Other
     resources: 'resources',
-    pricing: 'open-supply-hub-pricing',
+    pricing: 'pricing',
 
     // Footer
     mediaHub: 'media-hub',