From 7fdf97660dd8202296e4423bc4e4179d005cba19 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 22 Nov 2023 18:45:06 -0600
Subject: [PATCH] Website: Fix mobile filtered pricing table (#15304)

Changes:
- Moved a `v-if` that was placed on the wrong element on the mobile
(filtered) pricing features table (currently, just the name of the
feature is hidden, not the table itself)
- Reduced complexity of conditional rendering on the filter pricing
features table.
---
 website/views/pages/pricing.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/views/pages/pricing.ejs b/website/views/pages/pricing.ejs
index 9ac46a2ef9..2eb8b52860 100644
--- a/website/views/pages/pricing.ejs
+++ b/website/views/pages/pricing.ejs
@@ -139,7 +139,7 @@
               </tr>
             </thead>
             <tbody>
-              <tr v-for="feature in category.features" v-if="_.contains([pricingMode], feature.usualDepartment)">
+              <tr v-for="feature in category.features" v-if="feature.usualDepartment === pricingMode">
                 <td purpose="feature-name">{{feature.name}}{{feature.comingSoon ? '*' : ''}}</td>
                   <td purpose="table-checkmark" v-if="feature.tier === 'Free'"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></td>
                   <td purpose="table-checkmark" v-else></td>
@@ -152,8 +152,8 @@
         <%// Mobile filtered features tables %>
           <div purpose="mobile-feature-table-section" class="d-block d-md-none" v-for="category in pricingTable">
             <h4>{{category.categoryName}}</h4>
-              <div purpose="mobile-features-table" class="d-flex flex-column" v-for="feature in category.features">
-                <div purpose="striped-row" class="d-flex flex-row justify-content-between align-items-center" v-if="_.contains([pricingMode], feature.usualDepartment)">
+              <div purpose="mobile-features-table" class="d-flex flex-column" v-for="feature in category.features" v-if="feature.usualDepartment === pricingMode">
+                <div purpose="striped-row" class="d-flex flex-row justify-content-between align-items-center" >
                   <strong>{{feature.name}}{{ feature.comingSoon ? '*' : ''}}</strong>
                 </div>
                 <div class="d-flex flex-row justify-content-between align-items-center">