From a38c86a48e40ea5c1a79fdc05e57825df3a4558c Mon Sep 17 00:00:00 2001
From: lovesmilesmall-hue <lovesmilesmall-hue@users.noreply.github.com>
Date: Thu, 15 Oct 2026 17:40:12 +0100
Subject: [PATCH] feat(property-detail): add empty state for missing
 description

---
 src/components/PropertyDetailServer.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/PropertyDetailServer.tsx b/src/components/PropertyDetailServer.tsx
index da38b4f9..2990831f 100644
--- a/src/components/PropertyDetailServer.tsx
+++ b/src/components/PropertyDetailServer.tsx
@@ -16,6 +16,7 @@ import {
 } from '@/types/propertyDetail';
 import { ImageGallery } from './property/ImageGallery';
 import { CurrencyToggle } from './property/CurrencyToggle';
+import { EmptyState } from '@/components/ui/EmptyState';
 import dynamic from 'next/dynamic';
 const MortgageCalculator = dynamic(() => import('./MortgageCalculator').then(m => ({ default: m.MortgageCalculator })));
 
@@ -138,9 +139,17 @@ export const PropertyDetailServer: React.FC<PropertyDetailServerProps> = ({ prop
               <CardTitle>About this Property</CardTitle>
             </CardHeader>
             <CardContent>
-              <p className="text-gray-700 dark:text-gray-300 leading-relaxed">
-                {property.description}
-              </p>
+              {property.description?.trim() ? (
+                <p className="text-gray-700 dark:text-gray-300 leading-relaxed">
+                  {property.description}
+                </p>
+              ) : (
+                <EmptyState
+                  variant="data"
+                  title="No description available"
+                  description="The seller has not added a description for this property yet. Use the investment details and calculator below to review the listing."
+                />
+              )}
             </CardContent>
           </Card>