fixed the details

2026-05-26 00:20:20 +03:00
parent 085c60ec33
commit 9f6492cf41
4 changed files with 115 additions and 8 deletions
--- a/app/contexts/FavoritesContext.js
+++ b/app/contexts/FavoritesContext.js
@ -17,7 +17,11 @@ export const useFavorites = () => {
 function mapApiFavorite(item) {
  const info = item.propertyInformation || {};
  let details = {};
+  if (typeof info.detailsJSON === 'object' && info.detailsJSON) {
+    details = info.detailsJSON;
+  } else {
    try { details = JSON.parse(info.detailsJSON || '{}'); } catch {}
+  }

  const price = item.monthlyRent || item.dailyRent || 0;
  const priceUnit = item.monthlyRent ? 'monthly' : 'daily';
--- a/app/owner/properties/page.js
+++ b/app/owner/properties/page.js
@ -46,6 +46,11 @@ import {
  Star,
  Ban,
  Check,
+  School,
+  Hospital,
+  Store,
+  GraduationCap,
+  TreePine,
 } from "lucide-react";
 import toast, { Toaster } from "react-hot-toast";
 import AuthService from "../../services/AuthService";
@ -153,6 +158,21 @@ const termLabels = {
  OnlyMales: "ذكور فقط",
 };

+const proximityLabels = {
+  School: "مدرسة",
+  Hospital: "مستشفى",
+  Restaurant: "مطعم",
+  University: "جامعة",
+  Park: "حديقة",
+  Mall: "مركز تسوق",
+  Supermarket: "سوبر ماركت",
+  Pharmacy: "صيدلية",
+  Mosque: "مسجد",
+  Bank: "بنك",
+  Airport: "مطار",
+  BusStation: "موقف باص",
+};
+
 const PropertyViewModal = ({ isOpen, onClose, property }) => {
  if (!isOpen || !property) return null;

@ -220,6 +240,30 @@ const PropertyViewModal = ({ isOpen, onClose, property }) => {
                    {property.propertyTypeLabel || "عقار"}
                  </span>
                </p>
+                <p className="text-sm">
+                  <span className="text-gray-500">نوع العرض:</span>
+                  <span className="font-medium text-gray-900 mr-2">
+                    {property.displayType === "Daily rent"
+                      ? "إيجار يومي"
+                      : property.displayType === "Monthly rent"
+                        ? "إيجار شهري"
+                        : property.displayType === "Both"
+                          ? "يومي وشهري"
+                          : property.displayType === "For sale"
+                            ? "للبيع"
+                            : property.rentType === "daily"
+                              ? "إيجار يومي"
+                              : property.rentType === "monthly"
+                                ? "إيجار شهري"
+                                : (property.dailyPrice > 0 && property.monthlyPrice > 0)
+                                  ? "يومي وشهري"
+                                  : property.monthlyPrice > 0
+                                    ? "إيجار شهري"
+                                    : property.dailyPrice > 0
+                                      ? "إيجار يومي"
+                                      : property.purpose === "sale" ? "للبيع" : "عرض"}
+                  </span>
+                </p>
                {property.purpose === "rent" && (
                  <p className="text-sm">
                    <span className="text-gray-500">حالة التأثيث:</span>
@ -359,6 +403,36 @@ const PropertyViewModal = ({ isOpen, onClose, property }) => {
            </div>
          )}

+          {property.proximity && Object.keys(property.proximity).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="grid grid-cols-2 md:grid-cols-3 gap-2">
+                {Object.entries(property.proximity).map(([key, val]) => {
+                  if (!val) return null;
+                  const dist = typeof val === "object" ? val.distance : val;
+                  return (
+                    <div
+                      key={key}
+                      className="flex items-center gap-2 p-2 bg-white rounded-lg"
+                    >
+                      {key === "School" && <School className="w-4 h-4 text-amber-500" />}
+                      {key === "Hospital" && <Hospital className="w-4 h-4 text-amber-500" />}
+                      {key === "Restaurant" && <Store className="w-4 h-4 text-amber-500" />}
+                      {key === "University" && <GraduationCap className="w-4 h-4 text-amber-500" />}
+                      {key === "Park" && <TreePine className="w-4 h-4 text-amber-500" />}
+                      {key === "Mall" && <Building className="w-4 h-4 text-amber-500" />}
+                      {!["School","Hospital","Restaurant","University","Park","Mall"].includes(key) && <MapPin className="w-4 h-4 text-amber-500" />}
+                      <div>
+                        <span className="text-sm text-gray-700">{proximityLabels[key] || key}</span>
+                        <span className="text-xs text-gray-500 mr-1">{dist} {typeof dist === "number" ? "كم" : ""}</span>
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
          {property.terms && Object.keys(property.terms).length > 0 && (
            <div className="bg-gray-50 p-4 rounded-xl mb-6">
              <h4 className="font-bold text-gray-700 mb-3">شروط الاستخدام</h4>
@ -956,7 +1030,7 @@ export default function OwnerPropertiesPage() {

      const mappedRent = rentList.map((item) => {
        const info = item.propertyInformation || {};
-        const details = (() => {
+        const details = typeof info.detailsJSON === 'object' && info.detailsJSON ? info.detailsJSON : (() => {
          try {
            return JSON.parse(info.detailsJSON || "{}");
          } catch {
@ -1037,6 +1111,7 @@ export default function OwnerPropertiesPage() {
              : ["/property-placeholder.jpg"],
          createdAt: item.createdAt || new Date().toISOString(),
          furnished: details.furnished || false,
+          displayType: details.displayType || (item.dailyRent && item.monthlyRent ? 'Both' : item.monthlyRent ? 'Monthly rent' : item.dailyRent ? 'Daily rent' : 'Both'),
          description: info.description || "",
          address: info.address || "",
          city: "",
@ -1052,7 +1127,7 @@ export default function OwnerPropertiesPage() {

      const mappedSale = saleList.map((item) => {
        const info = item.propertyInformation || {};
-        const details = (() => {
+        const details = typeof info.detailsJSON === 'object' && info.detailsJSON ? info.detailsJSON : (() => {
          try {
            return JSON.parse(info.detailsJSON || "{}");
          } catch {
@ -1125,6 +1200,7 @@ export default function OwnerPropertiesPage() {
              : ["/property-placeholder.jpg"],
          createdAt: item.createdAt || new Date().toISOString(),
          furnished: details.furnished || false,
+          displayType: details.displayType || 'For sale',
          description: info.description || "",
          address: info.address || "",
          city: "",
--- a/app/property/[id]/PropertyDetail.js
+++ b/app/property/[id]/PropertyDetail.js
@ -75,7 +75,7 @@ const proximityLabels = {
 function mapApiDetail(item) {
  if (!item) return null;
  const info = item.propertyInformation || {};
-  const details = (() => { try { return JSON.parse(info.detailsJSON || '{}'); } catch { return {}; } })();
+  const details = typeof info.detailsJSON === 'object' && info.detailsJSON ? info.detailsJSON : (() => { try { return JSON.parse(info.detailsJSON || '{}'); } catch { return {}; } })();

  const isRent = item.dailyRent != null || item.monthlyRent != null;
  const dailyPrice = item.dailyRent || 0;
@ -117,6 +117,10 @@ function mapApiDetail(item) {
  });
  const roomDetails = details.room || details.roomDetails || {};

+  const displayType = details.displayType || (isRent ? (monthlyPrice && dailyPrice ? 'Both' : monthlyPrice ? 'Monthly' : 'Daily') : 'Sale');
+  const propertyCondition = details.propertyCondition || '';
+  const furnished = propertyCondition.toLowerCase().includes('furniture') ? propertyCondition.toLowerCase() === 'withfurniture' : !!item.isFurnished;
+
  return {
    id: item.id,
    propertyInformationId: info.id,
@ -128,6 +132,9 @@ function mapApiDetail(item) {
    priceUnit,
    priceDisplay: { daily: dailyPrice, monthly: monthlyPrice, sale: salePrice },
    isRent,
+    displayType,
+    propertyCondition,
+    furnished,
    location: {
      city: extractCity(info.address) || 'دمشق',
      address: info.address || '',
@ -374,9 +381,23 @@ export default function PropertyDetailsPage() {
            <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} className="bg-white rounded-2xl p-5 shadow-sm border border-gray-200">
              <div className="flex justify-between items-start mb-3">
                <div>
-                  <div className="flex items-center gap-2 mb-1">
+                  <div className="flex items-center gap-1.5 mb-1 flex-wrap">
                    <span className="px-2 py-0.5 bg-amber-100 text-amber-800 rounded-full text-xs">{property.typeLabel}</span>
                    <span className={`px-2 py-0.5 rounded-full text-xs ${property.status === 'available' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'}`}>{property.statusLabel}</span>
+                    {property.isRent && property.displayType && (
+                      <span className="px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs">
+                        {(() => {
+                          const dt = property.displayType.toLowerCase();
+                          if (dt === 'both' || dt.includes('both')) return 'يومي وشهري';
+                          if (dt.includes('daily')) return 'يومي';
+                          if (dt.includes('monthly')) return 'شهري';
+                          return dt;
+                        })()}
+                      </span>
+                    )}
+                    <span className={`px-2 py-0.5 rounded-full text-xs ${property.furnished ? 'bg-purple-100 text-purple-800' : 'bg-gray-100 text-gray-600'}`}>
+                      {property.furnished ? 'مفروش' : 'غير مفروش'}
+                    </span>
                  </div>
                  <h1 className="text-xl font-bold text-gray-900">{property.title}</h1>
                  <div className="flex items-center gap-1 text-gray-500 text-xs mt-0.5">
--- a/app/property/[id]/page.js
+++ b/app/property/[id]/page.js
@ -19,7 +19,13 @@ async function fetchPropertyForMeta(id) {
 function mapProperty(item) {
  const info = item.propertyInformation || item.PropertyInformation || {};
  let details = {};
+  if (typeof info.detailsJSON === 'object' && info.detailsJSON) {
+    details = info.detailsJSON;
+  } else if (typeof info.DetailsJSON === 'object' && info.DetailsJSON) {
+    details = info.DetailsJSON;
+  } else {
    try { details = JSON.parse(info.detailsJSON || info.DetailsJSON || '{}'); } catch {}
+  }

  const price = item.monthlyRent || item.MonthlyRent || item.dailyRent || item.DailyRent || 0;
  const priceUnit = item.monthlyRent || item.MonthlyRent ? 'monthly' : 'daily';