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 45s
Details

Browse Source
This commit is contained in:
mouazkh
2026-05-25 22:50:38 +03:00
parent 427dc74e7f
commit 4988302bc1
2 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/FloatingSidebar.js
View File

@ -29,10 +29,8 @@ export default function FloatingSidebar({ isRTL, isAdmin }) {
const positionStyle = {
left: '16px',
top: 0,
bottom: 0,
display: 'flex',
alignItems: 'center',
top: '50%',
transform: 'translateY(-50%)',
};
const cardVariants = {
@ -57,7 +55,7 @@ export default function FloatingSidebar({ isRTL, isAdmin }) {
return (
<motion.div
className="fixed z-50 pointer-events-none"
className="fixed z-40 pointer-events-none"
style={positionStyle}
variants={cardVariants}
initial="initial"

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

@ -137,7 +137,7 @@ const PropertyViewModal = ({ isOpen, onClose, property }) => {
className="bg-white rounded-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl"
onClick={(e) => e.stopPropagation()}
>
<div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
<div className="sticky top-0 z-10 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
<div>
<h2 className="text-2xl font-bold">{property.title}</h2>
<p className="text-amber-100 text-sm mt-1">تم الإضافة: {new Date(property.createdAt).toLocaleDateString('ar-SA')}</p>
@ -468,12 +468,15 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {
className="bg-white rounded-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl"
onClick={(e) => e.stopPropagation()}
>
<div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
<div className="sticky top-0 z-10 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
<div>
<h2 className="text-2xl font-bold">تعديل العقار</h2>
<p className="text-amber-100 text-sm mt-1">يمكنك تعديل أي حقل بالضغط على أيقونة القلم</p>
<p className="text-amber-100 text-sm mt-1">قم بتحديث معلومات العقار</p>
</div>
<button onClick={onClose} className="p-2 hover:bg-white/20 rounded-full">
<button
onClick={onClose}
className="p-2 hover:bg-white/20 rounded-full transition-colors"
>
<XCircle className="w-6 h-6" />
</button>
</div>
@ -936,7 +939,7 @@ export default function OwnerPropertiesPage() {
}
return (
<div className="min-h-screen bg-gray-50 py-8">
<div className="min-h-screen bg-gray-50 py-8 relative">
<Toaster position="top-center" reverseOrder={false} />
<DeleteConfirmationModal
@ -1076,12 +1079,12 @@ export default function OwnerPropertiesPage() {
transition={{ delay: index * 0.1 }}
className="bg-white rounded-2xl shadow-sm hover:shadow-md transition-all overflow-hidden border border-gray-200"
>
<div className="relative aspect-[16/10] bg-gray-100 overflow-hidden">
<div className="relative aspect-[16/10] bg-gray-100 overflow-hidden">
{property.images && property.images.length > 0 ? (
<img
src={property.images[0]}
alt={property.title}
className="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
className="w-full h-full object-cover"
/>
) : (
<div className="w-full h-full flex items-center justify-center">
@ -1196,8 +1199,9 @@ export default function OwnerPropertiesPage() {
<div className="flex gap-1">
<button onClick={() => setViewModal({ isOpen: true, property })}
className="p-1.5 hover:bg-blue-50 rounded-lg transition-colors group" title="عرض التفاصيل">
className="px-3 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 rounded-lg transition-all group flex items-center gap-1.5" title="عرض التفاصيل">
<Eye className="w-3.5 h-3.5 text-gray-400 group-hover:text-blue-600" />
<span className="text-xs text-gray-500 group-hover:text-blue-600 font-medium">عرض</span>
</button>
<button onClick={() => setEditModal({ isOpen: true, property })}
className="p-1.5 hover:bg-amber-50 rounded-lg transition-colors group" title="تعديل العقار">