Profile & property listings

2024-07-11 16:33:42 -04:00
parent a5dbd00404
commit 4f9e8874d1
4 changed files with 145 additions and 46 deletions
@@ -0,0 +1,45 @@
+'use client';
+import { useState } from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+
+const ProfileProperties = ({ properties: initialProperties }) => {
+  const [properties, setProperties] = useState(initialProperties);
+  return properties.map((property) => (
+    <div key={property._id} className='mb-10'>
+      <Link href={`/properties/${property._id}`}>
+        <Image
+          className='h-32 w-full rounded-md object-cover'
+          src={property.images[0]}
+          alt=''
+          width={500}
+          height={100}
+          priority={true}
+        />
+      </Link>
+      <div className='mt-2'>
+        <p className='text-lg font-semibold'>{property.name}</p>
+        <p className='text-gray-600'>
+          Address: {property.location.street} {property.location.city}{' '}
+          {property.location.state}
+        </p>
+      </div>
+      <div className='mt-2'>
+        <Link
+          href={`/properties/${property._id}/edit`}
+          className='bg-blue-500 text-white px-3 py-3 rounded-md mr-2 hover:bg-blue-600'
+        >
+          Edit
+        </Link>
+        <button
+          className='bg-red-500 text-white px-3 py-2 rounded-md hover:bg-red-600'
+          type='button'
+        >
+          Delete
+        </button>
+      </div>
+    </div>
+  ));
+};
+
+export default ProfileProperties;