From 1de22f0f10c5d30f91613b8c216bd4fb454b98b6 Mon Sep 17 00:00:00 2001
From: alisapa <34424201+alisapa@users.noreply.github.com>
Date: Tue, 4 Aug 2020 23:35:48 +0200
Subject: [PATCH] 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 | 18 +++++++++++++++++-
 ui/translations/en.json              |  3 +++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/community-form.tsx b/ui/src/components/community-form.tsx
index dc73ffc08..7e6c4cf45 100644
--- 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 7304d4a75..f9848ea2f 100644
--- 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",