velocitatem/PHANTOM
1
0
Fork 0
mirror of https://github.com/velocitatem/PHANTOM.git synced 2026-05-31 16:43:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pre run web refactors (#43)

Browse Source 
* chore: refactor date utilities

* feat: improve images of hotel rooms

* fix: adding date utils
This commit is contained in:
Daniel Alves Rösel
2026-01-13 15:35:27 +01:00
committed by Daniel Rosel
parent 61dd621532
commit eb95060380
5 changed files with 60 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/feats/hotel/HotelCard.tsx
View File

@@ -2,6 +2,7 @@
import type { EventName } from '@/lib/events';
import type { Hotel } from '@/lib/hotel-utils';
import { getHotelImageUrl } from '@/lib/hotel-utils';
import { useHoverTracking } from '@/hooks/useHoverTracking';
import PriceDisplay from '@/components/ui/PriceDisplay';
@@ -47,8 +48,6 @@ export default function HotelCard({ hotel }: { hotel: Hotel }) {
window.location.href = `/hotel/products/${hotel.id}`;
};
const imageUrl = `https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?w=400&h=300&fit=crop`;
return (
<div
className="hotel-card cursor-pointer"
@@ -56,7 +55,7 @@ export default function HotelCard({ hotel }: { hotel: Hotel }) {
>
<div className="hotel-image relative overflow-hidden">
<img
src={imageUrl}
src={getHotelImageUrl(hotel.id, { w: 400, h: 300 })}
alt={hotel.name}
className="w-full h-full object-cover"
onError={(e) => {

5
web/src/components/feats/hotel/HotelDetails.tsx
View File

@@ -2,6 +2,7 @@
import { useState, useEffect } from 'react';
import type { Hotel } from '@/lib/hotel-utils';
import { getHotelImageUrl } from '@/lib/hotel-utils';
import PriceDisplay from '@/components/ui/PriceDisplay';
interface HotelDetailsProps {
@@ -43,13 +44,11 @@ const PriceTotalDisplay = ({ productId, nights }: { productId: string; nights: n
};
export default function HotelDetails({ product, onAddToCart, addedToCart }: HotelDetailsProps) {
const imageUrl = `https://images.unsplash.com/photo-1566073771259-6a8506099945?w=800&h=600&fit=crop`;
return (
<div className="w-full flex flex-col lg:flex-row gap-12 py-8">
<div className="w-full lg:w-1/2 rounded-lg aspect-[4/3] overflow-hidden shrink-0">
<img
src={imageUrl}
src={getHotelImageUrl(product.id, { w: 800, h: 600 })}
alt={product.name}
className="w-full h-full object-cover"
onError={(e) => {