Rahaf/SweetHome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed my propries page and fixed the sidebar again mouaz is the best in the west
All checks were successful
Build frontend / build (push) Successful in 44s
Details

Browse Source
This commit is contained in:
mouazkh
2026-05-25 22:54:38 +03:00
parent 4988302bc1
commit af54bded13
2 changed files with 36 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/owner/properties/page.js
View File

@ -254,20 +254,28 @@ const PropertyViewModal = ({ isOpen, onClose, property }) => {
</p>
</div>
{property.services && Object.keys(property.services).length > 0 && (
{property.services && (Array.isArray(property.services) ? property.services.length > 0 : Object.keys(property.services).length > 0) && (
<div className="bg-gray-50 p-4 rounded-xl mb-6">
<h4 className="font-bold text-gray-700 mb-3">الخدمات المتوفرة</h4>
<div className="flex flex-wrap gap-2">
{Object.entries(property.services).map(([key, value]) => {
if (!value) return null;
const detail = typeof value === 'object' && value.detail ? value.detail : null;
return (
<span key={key} className="inline-flex items-center gap-1 px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">
{serviceLabels[key] || key}
{detail && <span className="text-green-400">· {detail}</span>}
{Array.isArray(property.services) ? (
property.services.map((svc, i) => (
<span key={i} className="inline-flex items-center gap-1 px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">
{serviceLabels[svc] || svc}
</span>
);
})}
))
) : (
Object.entries(property.services).map(([key, value]) => {
if (!value) return null;
const detail = typeof value === 'object' && value.detail ? value.detail : null;
return (
<span key={key} className="inline-flex items-center gap-1 px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">
{serviceLabels[key] || key}
{detail && <span className="text-green-400">· {detail}</span>}
</span>
);
})
)}
</div>
</div>
)}

28
app/property/[id]/PropertyDetail.js
View File

@ -483,20 +483,28 @@ export default function PropertyDetailsPage() {
</div>
{/* Services with detail text */}
{Object.keys(property.services).length > 0 && (
{property.services && (Array.isArray(property.services) ? property.services.length > 0 : Object.keys(property.services).length > 0) && (
<div className="mb-4">
<h3 className="font-bold text-gray-900 mb-2 text-sm">الخدمات</h3>
<div className="flex flex-wrap gap-1.5">
{Object.entries(property.services).map(([key, val]) => {
if (!val) return null;
const detail = typeof val === 'object' && val.detail ? val.detail : null;
return (
<span key={key} className="px-3 py-1 bg-green-50 text-green-700 rounded-full text-sm border border-green-200 flex items-center gap-1">
{serviceLabels[key] || key}
{detail && <span className="text-green-400">· {detail}</span>}
{Array.isArray(property.services) ? (
property.services.map((svc, i) => (
<span key={i} className="px-3 py-1 bg-green-50 text-green-700 rounded-full text-sm border border-green-200 flex items-center gap-1">
{serviceLabels[svc] || svc}
</span>
);
})}
))
) : (
Object.entries(property.services).map(([key, val]) => {
if (!val) return null;
const detail = typeof val === 'object' && val.detail ? val.detail : null;
return (
<span key={key} className="px-3 py-1 bg-green-50 text-green-700 rounded-full text-sm border border-green-200 flex items-center gap-1">
{serviceLabels[key] || key}
{detail && <span className="text-green-400">· {detail}</span>}
</span>
);
})
)}
</div>
</div>
)}