From 817db8b5eb347b602c492999570e2d92c005d0c9 Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sleede.com>
Date: Thu, 10 Jun 2021 16:17:10 +0200
Subject: [PATCH] do not display empty categories titles

---
 .../src/javascript/components/plans/plans-list.tsx     | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/frontend/src/javascript/components/plans/plans-list.tsx b/app/frontend/src/javascript/components/plans/plans-list.tsx
index 70431c3f3..d68c0fcfe 100644
--- a/app/frontend/src/javascript/components/plans/plans-list.tsx
+++ b/app/frontend/src/javascript/components/plans/plans-list.tsx
@@ -192,10 +192,11 @@ const PlansList: React.FC<PlansListProps> = ({ onError, onPlanSelection, onLogin
     return (
       <div className="list-of-categories">
         {Array.from(plans).sort(compareCategories).map(([categoryId, plansByCategory]) => {
+          const categoryPlans = plansByCategory.filter(filterPlan);
           return (
             <div key={categoryId} className={`plans-per-category ${categoryId ? 'with-category' : 'no-category' }`}>
-              {!!categoryId && <h3 className="category-title">{ categoryName(categoryId) }</h3>}
-              {renderPlans(plansByCategory)}
+              {!!categoryId && categoryPlans.length > 0 && <h3 className="category-title">{ categoryName(categoryId) }</h3>}
+              {renderPlans(categoryPlans)}
             </div>
           )
         })}
@@ -209,10 +210,7 @@ const PlansList: React.FC<PlansListProps> = ({ onError, onPlanSelection, onLogin
   const renderPlans = (categoryPlans: Array<Plan>): ReactNode => {
     return (
       <div className="list-of-plans">
-        {categoryPlans.length === 0 && <span className="no-plans">
-          {t('app.public.plans.no_plans')}
-        </span>}
-        {categoryPlans.filter(filterPlan).sort(comparePlans).map(plan => (
+        {categoryPlans.length > 0 && categoryPlans.sort(comparePlans).map(plan => (
           <PlanCard key={plan.id}
                     userId={customer?.id}
                     subscribedPlanId={subscribedPlanId}