add help text for fullname field (#350)

package-lock.json

@@ -3937,9 +3937,9 @@
       }
     },
     "@edx/paragon": {
-      "version": "14.16.0",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-14.16.0.tgz",
-      "integrity": "sha512-KYGuaQvSg0mo+qFAwz40LE3uf/uMedw6QFqZ0RmEXL9xhavGlRC+kT8NfJ5npyE4HkS181FbSMVbdR9jEHGiBw==",
+      "version": "14.16.3",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-14.16.3.tgz",
+      "integrity": "sha512-1cNXf7yCQaKcGwz5IssZlLyVkXisrIlDWhiBnLIbCnpX8iKiBCN8vSDIeKjG2OHlP+KorrE7Z8hmTLGDPykT3w==",
       "requires": {
         "@fortawesome/fontawesome-svg-core": "^1.2.30",
         "@fortawesome/free-solid-svg-icons": "^5.14.0",
@@ -3950,7 +3950,7 @@
         "classnames": "^2.2.6",
         "email-prop-type": "^3.0.0",
         "font-awesome": "^4.7.0",
-        "mailto-link": "^2.0.0",
+        "mailto-link": "^1.0.0",
         "prop-types": "^15.7.2",
         "react-bootstrap": "^1.3.0",
         "react-focus-on": "^3.5.0",
@@ -3964,28 +3964,6 @@
         "uncontrollable": "7.2.1"
       },
       "dependencies": {
-        "mailto-link": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/mailto-link/-/mailto-link-2.0.0.tgz",
-          "integrity": "sha512-b5FErkZ4t6mpH1IFZSw7Mm2IQHXQ2R0/5Q4xd7Rv8dVkWvE54mFG/UW7HjfFazXFjXTNsM+dSX2tTeIDrV9K9A==",
-          "requires": {
-            "assert-ok": "~1.0.0",
-            "cast-array": "~1.0.1",
-            "object-filter": "~1.0.2",
-            "query-string": "~7.0.0"
-          }
-        },
-        "query-string": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.0.0.tgz",
-          "integrity": "sha512-Iy7moLybliR5ZgrK/1R3vjrXq03S13Vz4Rbm5Jg3EFq1LUmQppto0qtXz4vqZ386MSRjZgnTSZ9QC+NZOSd/XA==",
-          "requires": {
-            "decode-uri-component": "^0.2.0",
-            "filter-obj": "^1.1.0",
-            "split-on-first": "^1.0.0",
-            "strict-uri-encode": "^2.0.0"
-          }
-        },
         "react-responsive": {
           "version": "6.1.2",
           "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-6.1.2.tgz",
@@ -3996,11 +3974,6 @@
             "prop-types": "^15.6.1"
           }
         },
-        "strict-uri-encode": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
-          "integrity": "sha1-ucczDHBChi9rFC3CdLvMWGbONUY="
-        },
         "uncontrollable": {
           "version": "7.2.1",
           "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
@@ -12886,11 +12859,6 @@
         }
       }
     },
-    "filter-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
-      "integrity": "sha1-mzERErxsYSehbgFsbF1/GeCAXFs="
-    },
     "finalhandler": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
@@ -23074,11 +23042,6 @@
         "wbuf": "^1.7.3"
       }
     },
-    "split-on-first": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
-      "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw=="
-    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",

package.json

@@ -38,7 +38,7 @@
     "@edx/frontend-component-cookie-policy-banner": "2.1.12",
     "@edx/frontend-component-header": "2.2.5",
     "@edx/frontend-platform": "1.8.4",
-    "@edx/paragon": "14.16.0",
+    "@edx/paragon": "14.16.3",
     "@fortawesome/fontawesome-svg-core": "1.2.32",
     "@fortawesome/free-brands-svg-icons": "5.15.1",
     "@fortawesome/free-regular-svg-icons": "5.15.1",

src/register/RegistrationPage.jsx

@@ -552,6 +552,7 @@ class RegistrationPage extends React.Component {
               handleChange={this.handleOnChange}
               handleFocus={this.handleOnFocus}
               errorMessage={this.state.errors.name}
+              helpText={[intl.formatMessage(messages['help.text.name'])]}
               floatingLabel={intl.formatMessage(messages['registration.fullname.label'])}
             />
             <UsernameField
@@ -604,7 +605,7 @@ class RegistrationPage extends React.Component {
               handleChange={(value) => this.setState({ country: value })}
               errorCode={this.state.errorCode}
             />
-            <div id="honor-code" className="micro mt-4">
+            <div id="honor-code" className="micro text-muted mt-4">
               <FormattedMessage
                 id="register.page.terms.of.service.and.honor.code"
                 defaultMessage="By creating an account, you agree to the {tosAndHonorCode} and you acknowledge that {platformName} and each

src/register/messages.jsx

@@ -33,6 +33,11 @@ const messages = defineMessages({
     description: 'Placeholder for the country options dropdown.',
   },
   // Help text
+  'help.text.name': {
+    id: 'help.text.name',
+    defaultMessage: 'This name will be used by any certificates that you earn.',
+    description: 'Help text for fullname field on registration page',
+  },
   'help.text.username.1': {
     id: 'help.text.username.1',
     defaultMessage: 'The name that will identify you in your courses.',