Clarify community creation form (#1056)

* Clarify community creation form

* Did requested changes

* Removed div, corrected translation file

* Delete en.ts

diff --git a/ui/src/components/community-form.tsx b/ui/src/components/community-form.tsx
index dc73ffc081536ea056261238c892795a53a5228a..7e6c4cf45b37a3f173c1d9073ca5c279cb01c2a3 100644 (file)
--- a/ui/src/components/community-form.tsx
+++ b/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

diff --git a/ui/translations/en.json b/ui/translations/en.json
index 7304d4a75821d2f9e33a369a9c9d73275a47463e..f9848ea2fe5c09bc47f4f168773e5e262e1a80d5 100644 (file)
--- a/ui/translations/en.json
+++ b/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",