ENH Update text for "add link" button to "add new link"

Author: GuySartorelli

client/dist/js/bundle.js

@@ -7,6 +7,7 @@ if (typeof(ss) === 'undefined' || typeof(ss.i18n) === 'undefined') {
 } else {
   ss.i18n.addDictionary('en', {
     "LinkField.ADD_LINK": "Add link",
+    "LinkField.ADD_NEW_LINK": "Add new link",
     "LinkField.ARCHIVE": "Archive",
     "LinkField.ARCHIVE_CONFIRM": "Are you sure you want to archive this link?",
     "LinkField.ARCHIVE_ERROR": "Failed to archive link",
@@ -29,4 +30,4 @@ if (typeof(ss) === 'undefined' || typeof(ss.i18n) === 'undefined') {
     "LinkField.SORT_ERROR": "Unable to sort links",
     "LinkField.SORT_SUCCESS": "Updated link sort order"
 });
-}
+}

client/lang/en.js

@@ -1,5 +1,6 @@
 {
     "LinkField.ADD_LINK": "Add link",
+    "LinkField.ADD_NEW_LINK": "Add new link",
     "LinkField.ARCHIVE": "Archive",
     "LinkField.ARCHIVE_CONFIRM": "Are you sure you want to archive this link?",
     "LinkField.ARCHIVE_ERROR": "Failed to archive link",
@@ -21,4 +22,4 @@
     "LinkField.SAVE_SUCCESS": "Saved link",
     "LinkField.SORT_ERROR": "Unable to sort links",
     "LinkField.SORT_SUCCESS": "Updated link sort order"
-}
+}

client/lang/src/en.json

@@ -90,7 +90,7 @@ test('LinkField can handle a string "0" value', async () => {
     value: '0'
   })}
   />);
-  await screen.findByText('Add Link');
+  await screen.findByText('Add new Link');
   expect(container.querySelectorAll('.link-picker')).toHaveLength(1);
 });
 

client/src/components/LinkField/tests/LinkField-test.js

@@ -10,7 +10,7 @@ const LinkPickerMenu = ({ types, onSelect, dropdownToggleRef }) => {
   const [isOpen, setIsOpen] = useState(false);
   const toggle = () => setIsOpen(prevState => !prevState);
   const { loading } = useContext(LinkFieldContext);
-  const ariaLabel = i18n._t('LinkField.ADD_LINK', 'Add link');
+  const ariaLabel = i18n._t('LinkField.ADD_NEW_LINK', 'Add new link');
 
   return <Dropdown
     disabled={loading}
@@ -25,7 +25,7 @@ const LinkPickerMenu = ({ types, onSelect, dropdownToggleRef }) => {
         aria-label={ariaLabel}
         innerRef={dropdownToggleRef}
       >
-        {i18n._t('LinkField.ADD_LINK', 'Add Link')}
+        {i18n._t('LinkField.ADD_NEW_LINK', 'Add new Link')}
       </DropdownToggle>
       <DropdownMenu>
         {types.map(({key, title, icon, allowed}) => {

client/src/components/LinkPicker/LinkPickerMenu.js

@@ -25,7 +25,7 @@ test('LinkPickerMenu render() should display toggle if can create', () => {
     <LinkPicker {...makeProps({ canCreate: true })} />
   </LinkFieldContext.Provider>);
   expect(container.querySelectorAll('.link-picker__menu-toggle')).toHaveLength(1);
-  expect(container.querySelector('.link-picker__menu-toggle')).toHaveTextContent('Add Link');
+  expect(container.querySelector('.link-picker__menu-toggle')).toHaveTextContent('Add new Link');
   expect(container.querySelectorAll('.link-picker__cannot-create')).toHaveLength(0);
 });
 

client/src/components/LinkPicker/tests/LinkPicker-test.js

@@ -33,7 +33,7 @@ The following examples below illustrate the appearance of a link field and modal
 
 ![A screenshot of the single link field](./_images/single_link_field.png)
 
-The single link field is designed for managing individual links. To create a new link, you can click on the "Add link" button and select the desired link type from the dropdown menu. This action opens a modal window where you can input the necessary information for creating the link. For detailed information about the default link types, please refer to the ["Link types"](./01_links_types.md) section.
+The single link field is designed for managing individual links. To create a new link, you can click on the "Add new link" button and select the desired link type from the dropdown menu. This action opens a modal window where you can input the necessary information for creating the link. For detailed information about the default link types, please refer to the ["Link types"](./01_links_types.md) section.
 
 ## Multi link field
 

docs/en/userguide/02_work_with_link_field.md

@@ -13,9 +13,9 @@
           aria-haspopup="true"
           aria-expanded="false"
           class="link-picker__menu-toggle dropdown-toggle btn btn-secondary"
-          aria-label="<%t SilverStripe\LinkField\Models\MultiLinkField.AddLink "Add link" %>">
+          aria-label="<%t SilverStripe\LinkField\Models\MultiLinkField.AddNewLink "Add new link" %>">
             <span class="font-icon-plus-1" aria-hidden="true"></span>
-            <%t SilverStripe\LinkField\Models\MultiLinkField.AddLink "Add link" %>
+            <%t SilverStripe\LinkField\Models\MultiLinkField.AddNewLink "Add new link" %>
         </button>
       </div>
     </div>

templates/SilverStripe/LinkField/Form/MultiLinkField.ss

@@ -15,7 +15,7 @@ I want to be able to work with LinkField and MultiLinkField in Elemental Block
       And I click on "Link Blocks Page" in the tree
 
   Scenario: I can create link blocks page
-    Given I press the "Add block" button
+    Given I press the "Add new block" button
     # There are few buttons on the page with 'Content' text
     Then I click on the ".font-icon-block-content" element
     Then I should see "Untitled Content block" in the ".element-editor__element" element