fix: issue #1062

Author: yoution

src/components/ChallengeEditor/ChallengeEditor.module.scss

@@ -211,6 +211,18 @@
           }
         }
       }
+
+      .templateLink {
+        text-align: center;
+        font-size: 14px;
+        line-height: 29px;
+        font-weight: 400;
+
+        a {
+          font-weight: 400;
+          font-size: 12px;
+        }
+      }
     }
     .group:last-of-type {
       margin-bottom: 0;

src/components/ChallengeEditor/TextEditor-Field/index.js

@@ -60,6 +60,9 @@ class TextEditorField extends Component {
         </div>)}
         {shouldShowPrivateDescription && showShowPrivateDescriptionField && (<div className={styles.title}>
           <span>Private specification</span>
+          {!readOnly && (<div>
+            <i>Access specification templates <a href='https://github.com/topcoder-platform-templates/specification-templates'>here</a></i>
+          </div>)}
           <i>
             This text will only be visible to Topcoder members that have
             registered for this challenge

src/components/ChallengeEditor/index.js

@@ -1481,6 +1481,9 @@ class ChallengeEditor extends Component {
           </div>
           <div className={styles.group}>
             <div className={styles.title}>Public specification <span>*</span></div>
+            <div className={styles.templateLink}>
+              <i>Access specification templates <a href='https://github.com/topcoder-platform-templates/specification-templates'>here</a></i>
+            </div>
             <TextEditorField
               challengeTags={metadata.challengeTags}
               challenge={challenge}