From 16cb8d25991b779fb55de16d929a7608e1a4c69b Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Fri, 22 Sep 2023 14:48:34 +0100
Subject: [PATCH] Fixed stats labels

refs https://github.com/TryGhost/Product/issues/3891
---
 .../site/recommendations/IncomingRecommendationList.tsx    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx b/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx
index 9647064b7a..a28e3d0807 100644
--- a/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/recommendations/IncomingRecommendationList.tsx
@@ -47,6 +47,9 @@ const IncomingRecommendationItem: React.FC<{mention: Mention, stats: ReferrerHis
         window.open(cleanedSource, '_blank');
     };
 
+    const freeMembersLabel = (signups - paidConversions) === 1 ? 'free member' : 'free members';
+    const paidConversionsLabel = (paidConversions === 1) ? 'paid member' : 'paid members';
+
     return (
         <TableRow hideActions>
             <TableCell onClick={showDetails}>
@@ -60,12 +63,12 @@ const IncomingRecommendationItem: React.FC<{mention: Mention, stats: ReferrerHis
                 </div>
             </TableCell>
             <TableCell className='hidden align-middle md:!visible md:!table-cell' onClick={showDetails}>
-                {(signups - paidConversions) === 0 ? <span className="text-grey-500">-</span> : (<div className='-mt-px flex grow items-end gap-1'><span>{signups - paidConversions}</span><span className='-mb-px whitespace-nowrap text-sm lowercase text-grey-700'>free members</span></div>)}
+                {(signups - paidConversions) === 0 ? <span className="text-grey-500">-</span> : (<div className='-mt-px flex grow items-end gap-1'><span>{signups - paidConversions}</span><span className='-mb-px whitespace-nowrap text-sm lowercase text-grey-700'>{freeMembersLabel}</span></div>)}
             </TableCell>
             {hasPaidColumn &&
                 <TableCell className='hidden align-middle md:!visible md:!table-cell' onClick={showDetails}>
                     {paidConversions === 0 && <span className="text-grey-500">-</span>}
-                    {paidConversions > 0 && (<div className='-mt-px flex grow items-end gap-1'><span>{paidConversions}</span><span className='whitespace-nowrap text-xs text-grey-700'>paid members</span></div>)}
+                    {paidConversions > 0 && (<div className='-mt-px flex grow items-end gap-1'><span>{paidConversions}</span><span className='whitespace-nowrap text-xs text-grey-700'>{paidConversionsLabel}</span></div>)}
                 </TableCell>
             }
         </TableRow>