\n {/* Header */}\n

{listing.address_original}

\n {listing.neighborhood && (\n

{listing.neighborhood}

\n )}\n

\n \n ×\n \n

\n\n

\n {/* Price and Details */}\n

\n {listing.price && (\n

\n \n ${listing.price.toLocaleString()}\n \n /month\n

\n )}\n \n

\n {listing.beds !== null && (\n

{listing.beds}

Beds

\n )}\n {listing.baths !== null && (\n

{listing.baths}

Baths

\n )}\n {listing.rent_per_bedroom && (\n

${listing.rent_per_bedroom.toLocaleString()}

$/Bed

\n )}\n

\n\n {/* Status and Like */}\n

\n updateInteraction({ status: e.target.value as ListingStatus })}\n disabled={isUpdating}\n className=\"px-4 py-2 border rounded-lg\"\n >\n \n \n \n \n \n \n \n\n updateInteraction({ is_liked: !isLiked })}\n disabled={isUpdating}\n className={`px-4 py-2 border rounded-lg flex items-center gap-2 ${\n isLiked ? \"bg-red-50 border-red-200 text-red-600\" : \"hover:bg-gray-50\"\n }`}\n >\n ♥\n {isLiked ? \"Liked\" : \"Like\"}\n \n\n {listing.availability && (\n \n Available: {listing.availability}\n \n )}\n

\n\n {/* Source Links */}\n

Source Links

\n {listing.sources.map(source => (\n \n View on {source.platform.charAt(0).toUpperCase() + source.platform.slice(1)}\n \n ))}\n \n {/* Google Maps link */}\n {listing.lat && listing.lng && (\n \n View on Google Maps\n \n )}\n

\n\n {/* Transit Times */}\n {listing.transit && listing.transit.length > 0 && (\n

Transit Times

\n {listing.transit.map(t => (\n

\n {t.preference_name}\n \n {t.duration_minutes !== null ? `${t.duration_minutes} min` : \"-\"}\n \n

\n ))}\n

\n )}\n\n {/* Map Preview */}\n {listing.lat && listing.lng && (\n

Location

\n \n

\n )}\n\n {/* Notes */}\n

Notes

\n setNotes(e.target.value)}\n placeholder=\"Add notes about this listing...\"\n className=\"w-full px-3 py-2 border rounded-lg h-32 resize-none\"\n />\n

\n \n Save Notes\n \n

\n\n {/* Custom Links */}\n

Custom Links

\n \n

\n {customLinks.map((link, index) => (\n

\n \n {link}\n \n removeLink(index)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n Remove\n \n

\n ))}\n

\n\n

\n setNewLink(e.target.value)}\n placeholder=\"Add a link (e.g., application form)\"\n className=\"flex-1 px-3 py-2 border rounded-lg text-sm\"\n />\n \n Add\n \n

\n\n {/* Error message */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Metadata */}\n

First seen: {new Date(listing.first_seen_at * 1000).toLocaleDateString()}

Last updated: {new Date(listing.last_updated_at * 1000).toLocaleDateString()}

\n {listing.unit_number &&

Unit: {listing.unit_number}

}\n

\n );\n}\n\nexport default ListingDetail;\n","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/shapedlines/loki/code/frontend/components/ListingDetail.tsx","extension","actionData","errors"]