Fun changes

frontend/src/components/map/PropertiesPane.tsx

@@ -180,11 +180,6 @@ function PropertyCard({
   const rooms = getNum(property, 'Number of bedrooms & living rooms');
   const age = getNum(property, 'Construction year');
   const transactionDate = getNum(property, 'Date of last transaction');
-  const askingPrice = getNum(property, 'Asking price');
-  const askingRent = getNum(property, 'Asking rent (monthly)');
-  const bedrooms = getNum(property, 'Bedrooms');
-  const bathrooms = getNum(property, 'Bathrooms');
-  const listingDate = getNum(property, 'Listing date');
 
   return (
     <div className="p-4 border-b border-warm-100 dark:border-warm-800 hover:bg-warm-50 dark:hover:bg-warm-800">
@@ -193,7 +188,14 @@ function PropertyCard({
           <div className="font-semibold dark:text-warm-100">
             {property.address || t('propertyCard.unknownAddress')}
           </div>
-          <div className="text-sm text-warm-600 dark:text-warm-400">{property.postcode}</div>
+          <div className="text-sm text-warm-600 dark:text-warm-400 flex items-center gap-1.5">
+            {property.postcode}
+            {property.former_council_house === 'Yes' && (
+              <span className="text-xs bg-teal-50 dark:bg-teal-900/30 text-teal-700 dark:text-teal-400 rounded-full px-1.5 py-0.5 font-medium leading-none">
+                {t('propertyCard.exCouncilBadge')}
+              </span>
+            )}
+          </div>
         </div>
         {onSave && (
           <button
@@ -216,51 +218,20 @@ function PropertyCard({
         </div>
       )}
 
-      {askingPrice !== undefined && (
+      {price !== undefined && (
         <div className="mt-2 text-lg font-bold text-teal-700 dark:text-teal-400">
-          {property.price_qualifier && (
-            <span className="text-sm font-normal text-warm-500 dark:text-warm-400">
-              {property.price_qualifier}{' '}
+          £{formatNumber(price)}
+          {transactionDate !== undefined && (
+            <span className="text-sm font-normal text-warm-600 dark:text-warm-400">
+              {' '}
+              ({formatTransactionDate(transactionDate)})
             </span>
           )}
-          £{formatNumber(askingPrice)}
-        </div>
-      )}
-
-      {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>
-        </div>
-      )}
-
-      {price !== undefined && (
-        <div
-          className={`${askingPrice !== undefined || askingRent !== undefined ? '' : 'mt-2 '}text-lg font-bold text-teal-700 dark:text-teal-400`}
-        >
-          {askingPrice !== undefined || askingRent !== undefined ? (
+          {pricePerSqm !== undefined && (
             <span className="text-sm font-normal text-warm-600 dark:text-warm-400">
-              {t('propertyCard.lastSold', { price: formatNumber(price) })}
-              {transactionDate !== undefined && ` (${formatTransactionDate(transactionDate)})`}
+              {' '}
+              £{formatNumber(pricePerSqm)}/m²
             </span>
-          ) : (
-            <>
-              £{formatNumber(price)}
-              {transactionDate !== undefined && (
-                <span className="text-sm font-normal text-warm-600 dark:text-warm-400">
-                  {' '}
-                  ({formatTransactionDate(transactionDate)})
-                </span>
-              )}
-              {pricePerSqm !== undefined && (
-                <span className="text-sm font-normal text-warm-600 dark:text-warm-400">
-                  {' '}
-                  £{formatNumber(pricePerSqm)}/m²
-                </span>
-              )}
-            </>
           )}
         </div>
       )}
@@ -299,18 +270,6 @@ function PropertyCard({
             {formatNumber(floorArea)}m²
           </div>
         )}
-        {bedrooms !== undefined && (
-          <div>
-            <span className="text-warm-500 dark:text-warm-400">{t('propertyCard.bedrooms')}</span>{' '}
-            {formatNumber(bedrooms)}
-          </div>
-        )}
-        {bathrooms !== undefined && (
-          <div>
-            <span className="text-warm-500 dark:text-warm-400">{t('propertyCard.bathrooms')}</span>{' '}
-            {formatNumber(bathrooms)}
-          </div>
-        )}
         {rooms !== undefined && (
           <div>
             <span className="text-warm-500 dark:text-warm-400">{t('propertyCard.rooms')}</span>{' '}
@@ -323,14 +282,6 @@ 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>{' '}
@@ -345,32 +296,8 @@ function PropertyCard({
             {ts(property.potential_energy_rating)}
           </div>
         )}
-        {listingDate !== undefined && (
-          <div>
-            <span className="text-warm-500 dark:text-warm-400">{t('propertyCard.listed')}</span>{' '}
-            {formatTransactionDate(listingDate)}
-          </div>
-        )}
       </div>
 
-      {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="flex flex-wrap gap-1">
-            {property.listing_features.map((feature, idx) => (
-              <span
-                key={idx}
-                className="text-xs bg-warm-100 dark:bg-warm-700 text-warm-700 dark:text-warm-300 rounded px-1.5 py-0.5"
-              >
-                {feature}
-              </span>
-            ))}
-          </div>
-        </div>
-      )}
-
       {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">
@@ -390,18 +317,6 @@ function PropertyCard({
         </div>
       )}
 
-      {property.listing_url && (
-        <div className="mt-2">
-          <a
-            href={property.listing_url}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="text-xs text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300"
-          >
-            {t('propertyCard.viewExternalListing')} &rarr;
-          </a>
-        </div>
-      )}
     </div>
   );
 }