fix: add (optional) text to "Tags" labels

ref issue #3462

Author: maxceem

src/components/AssetsLibrary/AddLink.jsx

@@ -77,7 +77,7 @@ class AddLink extends React.Component {
                 wrapperClass="form-group"
               />
               <div className="form-group">
-                <label className="tc-label">Tags</label>
+                <label className="tc-label">Tags (optional)</label>
                 <TagSelect
                   useFormsySelect
                   name="tags"

src/components/FileList/AddFilePermissions.jsx

@@ -37,7 +37,7 @@ const AddFilePermission = ({ onCancel, onSubmit, onChange, selectedUsers, select
         <div className="dialog-body">
           {/* Tags */}
           <div styleName="dialog-sub-title">
-            Tags
+            Tags (optional)
           </div>
           <TagSelect
             selectedTags={selectedTags}

src/components/FileList/FileListItem.jsx

@@ -141,7 +141,7 @@ export default class FileListItem extends React.Component {
         }
 
         {/* Tags */}
-        <label className="tc-label">Tags</label>
+        <label className="tc-label">Tags (optional)</label>
         <TagSelect
           onUpdate={tags => this.onTagsChange(tags)}
           selectedTags={tags}

src/components/LinksMenu/EditFileAttachment.jsx

@@ -74,7 +74,7 @@ export class EditFileAttachment extends React.Component {
           <br />
 
           {/* Tags */}
-          <label>Tags:</label>
+          <label>Tags (optional):</label>
           <TagSelect
             selectedTags={tags}
             onUpdate={this.onTagsChange}

src/components/LinksMenu/EditLinkModal.jsx

@@ -52,7 +52,7 @@ export class EditLinkModal extends React.Component {
           <br />
 
           {/* Tags */}
-          <label htmlFor="tags">Tags:</label>
+          <label htmlFor="tags">Tags (optional):</label>
           <TagSelect
             onUpdate={this.handleTagsChange.bind(this)}
             selectedTags={tags}