Display help prompt to enter a username when signing up from a provod…

…er that does not provide username/nickname

js/src/forum/index.js

@@ -5,6 +5,7 @@ import LogInButtons from 'flarum/forum/components/LogInButtons';
 import LogInButton from 'flarum/forum/components/LogInButton';
 import extractText from 'flarum/common/utils/extractText';
 import Tooltip from 'flarum/common/components/Tooltip';
+import SignUpModal from 'flarum/forum/components/SignUpModal';
 
 app.initializers.add('fof/oauth', () => {
     const onlyIcons = !!Number(app.data['fof-oauth.only_icons']);
@@ -43,4 +44,19 @@ app.initializers.add('fof/oauth', () => {
             vdom.attrs.className += ' FoFLogInButtons--icons';
         });
     }
+
+    extend(SignUpModal.prototype, 'fields', function (items) {
+        // If a suggested username was not provided by the OAuth service, display some help text to the user.
+        if (!!this.attrs.token && !!!this.attrs.username) {
+            items.add(
+                'username-help',
+                <div>
+                    <p>{app.translator.trans('fof-oauth.forum.signup.username_help')}</p>
+                </div>,
+                35
+            );
+        }
+
+        return items;
+    });
 });

resources/locale/en.yml

@@ -77,6 +77,9 @@ fof-oauth:
       linkedin: '=> fof-oauth.lib.providers.linkedin'
       twitter: '=> fof-oauth.lib.providers.twitter'
 
+    signup:
+      username_help: Please choose a username to be known by here
+
     error:
       bad_verification_code: Invalid or expired verification token. Please try again.
       invalid_state: Invalid state. Please try again.