Clarify community creation form (#1056)

* Clarify community creation form

* Did requested changes

* Removed div, corrected translation file

* Delete en.ts

ui/src/components/community-form.tsx

@@ -116,6 +116,14 @@ export class CommunityForm extends Component<
             <div class="form-group row">
               <label class="col-12 col-form-label" htmlFor="community-name">
                 {i18n.t('name')}
+                <a
+                  class="btn btn-sm text-muted"
+                  data-tippy-content={i18n.t('name_explain')}
+                >
+                  <svg class="icon icon-inline">
+                    <use xlinkHref="#icon-help-circle"></use>
+                  </svg>
+                </a>
               </label>
               <div class="col-12">
                 <input
@@ -135,7 +143,15 @@ export class CommunityForm extends Component<
           )}
           <div class="form-group row">
             <label class="col-12 col-form-label" htmlFor="community-title">
-              {i18n.t('title')}
+              {i18n.t('display_name')}
+              <a
+                class="btn btn-sm text-muted"
+                data-tippy-content={i18n.t('display_name_explain')}
+              >
+                <svg class="icon icon-inline">
+                  <use xlinkHref="#icon-help-circle"></use>
+                </svg>
+              </a>
             </label>
             <div class="col-12">
               <input

ui/translations/en.json

@@ -109,6 +109,9 @@
     "number_online": "{{count}} User Online",
     "number_online_plural": "{{count}} Users Online",
     "name": "Name",
+    "name_explain": "Name – used as the identifier for the community, cannot be changed.",
+    "display_name": "Display name",
+    "display_name_explain": "Display name — shown as the title on the community's page, can be changed.",
     "title": "Title",
     "category": "Category",
     "subscribers": "Subscribers",