From 87ee0e156c9b86daa88c61328d4ecea37d834056 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 26 Oct 2020 09:48:25 +0100
Subject: [PATCH] Improve group public page display when there's no
 description/events/posts

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/i18n/en_US.json       | 3 ++-
 js/src/i18n/fr_FR.json       | 3 ++-
 js/src/views/Group/Group.vue | 9 +++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/js/src/i18n/en_US.json b/js/src/i18n/en_US.json
index 5100658a4..8e7ddc845 100644
--- a/js/src/i18n/en_US.json
+++ b/js/src/i18n/en_US.json
@@ -816,5 +816,6 @@
   "A federated software": "A federated software",
   "Mobilizon is not a giant platform, but a <b>multitude of interconnected Mobilizon websites</b>.": "Mobilizon is not a giant platform, but a <b>multitude of interconnected Mobilizon websites</b>.",
   "When a moderator from the group creates an event and attributes it to the group, it will show up here.": "When a moderator from the group creates an event and attributes it to the group, it will show up here.",
-  "Only group moderators can create, edit and delete posts.": "Only group moderators can create, edit and delete posts."
+  "Only group moderators can create, edit and delete posts.": "Only group moderators can create, edit and delete posts.",
+  "This group doesn't have a description yet.": "This group doesn't have a description yet."
 }
diff --git a/js/src/i18n/fr_FR.json b/js/src/i18n/fr_FR.json
index b46db8cfd..485636be7 100644
--- a/js/src/i18n/fr_FR.json
+++ b/js/src/i18n/fr_FR.json
@@ -869,5 +869,6 @@
   "A federated software": "Un logiciel fédéré",
   "Mobilizon is not a giant platform, but a <b>multitude of interconnected Mobilizon websites</b>.": "Mobilizon n’est pas une plateforme géante, mais une <b>multitude de sites web Mobilizon interconnectés</b>.",
   "When a moderator from the group creates an event and attributes it to the group, it will show up here.": "Lorsqu'un·e modérateur·ice du groupe crée un événement et l'attribue au groupe, il s'affichera ici.",
-  "Only group moderators can create, edit and delete posts.": "Seul·es les modérateur·ices du groupe peuvent créer, éditer et supprimer des billets."
+  "Only group moderators can create, edit and delete posts.": "Seul·es les modérateur·ices du groupe peuvent créer, éditer et supprimer des billets.",
+  "This group doesn't have a description yet.": "Ce groupe n'a pas encore de description."
 }
diff --git a/js/src/views/Group/Group.vue b/js/src/views/Group/Group.vue
index 083c72b06..c355d7479 100644
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@@ -278,7 +278,10 @@
     <div v-else class="public-container">
       <section>
         <subtitle>{{ $t("About") }}</subtitle>
-        <div v-html="group.summary" />
+        <div v-html="group.summary" v-if="group.summary && group.summary !== '<p></p>'" />
+        <div v-else-if="group" class="content has-text-grey has-text-centered">
+          <p>{{ $t("This group doesn't have a description yet.") }}</p>
+        </div>
       </section>
       <section>
         <subtitle>{{ $t("Upcoming events") }}</subtitle>
@@ -297,7 +300,9 @@
             >{{ $t("View all upcoming events") }}</router-link
           >
         </div>
-        <span v-else-if="group">{{ $t("No public upcoming events") }}</span>
+        <div v-else-if="group" class="content has-text-grey has-text-centered">
+          <p>{{ $t("No public upcoming events") }}</p>
+        </div>
         <b-skeleton animated v-else></b-skeleton>
       </section>
       <section>