Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Updated structure of items in RecommendationLIst

Browse source
This commit is contained in:
Daniël van der Winden 2024-10-15 14:12:34 +02:00
parent c7150c3bee
commit fae8919791
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/admin-x-settings/src/components/settings/growth/recommendations/RecommendationList.tsx
View file

@ -35,9 +35,9 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
const clicks = count === 1 ? 'click' : 'clicks'; const clicks = count === 1 ? 'click' : 'clicks';
return ( return (
<TableRow testId='recommendation-list-item'> <TableRow className="group" testId='recommendation-list-item'>
<TableCell onClick={showDetails}> <TableCell onClick={showDetails}>
<div className='group flex items-center gap-3 hover:cursor-pointer'> <div className='flex items-center gap-3 hover:cursor-pointer'>
<div className={`flex grow flex-col`}> <div className={`flex grow flex-col`}>
<div className="mb-0.5 flex items-center gap-3"> <div className="mb-0.5 flex items-center gap-3">
<RecommendationIcon isGhostSite={isGhostSite} {...recommendation} /> <RecommendationIcon isGhostSite={isGhostSite} {...recommendation} />
@ -59,7 +59,7 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
{(count === 0) ? null : ( {(count === 0) ? null : (
<div className='-mt-px text-left'> <div className='-mt-px text-left'>
<span className='-mb-px inline-block min-w-[60px] whitespace-nowrap text-left text-sm lowercase text-grey-700'>{showSubscribers ? newMembers : clicks}</span> <span className='-mb-px inline-block min-w-[60px] whitespace-nowrap text-left text-sm lowercase text-grey-700'>{showSubscribers ? newMembers : clicks}</span>
<span className='mt-1 whitespace-nowrap text-right text-sm text-grey-700'>from you</span> <span className='mt-1 whitespace-nowrap text-right text-sm text-grey-700 opacity-0 transition-opacity duration-200 group-hover:opacity-100'>from you</span>
</div> </div>
)} )}
</TableCell> </TableCell>