This commit is contained in:
Andras Schmelczer 2026-04-04 17:44:44 +01:00
parent b94cf17d75
commit 0c6d207967
41 changed files with 1809 additions and 1204 deletions

View file

@ -230,7 +230,9 @@ function PropertyCard({
{askingRent !== undefined && (
<div className="mt-2 text-lg font-bold text-teal-700 dark:text-teal-400">
£{formatNumber(askingRent)}
<span className="text-sm font-normal text-warm-600 dark:text-warm-400">{t('propertyCard.perMonth')}</span>
<span className="text-sm font-normal text-warm-600 dark:text-warm-400">
{t('propertyCard.perMonth')}
</span>
</div>
)}
@ -275,7 +277,8 @@ function PropertyCard({
<div className="mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm dark:text-warm-300">
{property.property_type && (
<div>
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.type')}</span> {ts(property.property_type)}
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.type')}</span>{' '}
{ts(property.property_type)}
</div>
)}
{property.built_form && (
@ -310,7 +313,8 @@ function PropertyCard({
)}
{rooms !== undefined && (
<div>
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.rooms')}</span> {formatNumber(rooms)}
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.rooms')}</span>{' '}
{formatNumber(rooms)}
</div>
)}
{age !== undefined && (
@ -319,6 +323,14 @@ function PropertyCard({
{formatAge(age, property.is_construction_date_approximate)}
</div>
)}
{property.former_council_house === 'Yes' && (
<div>
<span className="text-warm-500 dark:text-warm-400">
{t('propertyCard.formerCouncil')}
</span>{' '}
{ts(property.former_council_house)}
</div>
)}
{property.current_energy_rating && (
<div>
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.epcRating')}</span>{' '}
@ -327,7 +339,9 @@ function PropertyCard({
)}
{property.potential_energy_rating && (
<div>
<span className="text-warm-500 dark:text-warm-400">{t('propertyCard.epcPotential')}</span>{' '}
<span className="text-warm-500 dark:text-warm-400">
{t('propertyCard.epcPotential')}
</span>{' '}
{ts(property.potential_energy_rating)}
</div>
)}
@ -341,7 +355,9 @@ function PropertyCard({
{property.listing_features && property.listing_features.length > 0 && (
<div className="mt-2">
<div className="text-xs text-warm-500 dark:text-warm-400 mb-1">{t('propertyCard.keyFeatures')}</div>
<div className="text-xs text-warm-500 dark:text-warm-400 mb-1">
{t('propertyCard.keyFeatures')}
</div>
<div className="flex flex-wrap gap-1">
{property.listing_features.map((feature, idx) => (
<span
@ -357,7 +373,9 @@ function PropertyCard({
{property.renovation_history && property.renovation_history.length > 0 && (
<div className="mt-2">
<div className="text-xs text-warm-500 dark:text-warm-400 mb-1">{t('propertyCard.renovations')}</div>
<div className="text-xs text-warm-500 dark:text-warm-400 mb-1">
{t('propertyCard.renovations')}
</div>
<div className="flex flex-wrap gap-1">
{property.renovation_history.map((reno, idx) => (
<span