fix: Add getImageUrl to handle relative image paths in MyRequest page

This commit is contained in:
AutonetSellCar Deploy
2026-02-01 21:25:24 +09:00
parent b340d338ff
commit fd0a480ed2

View File

@@ -9,6 +9,18 @@ import { useAuthStore } from '@/lib/store';
import { vehicleRequestsApi, VehicleRequestWithVehicles, DirectPurchasedCar } from '@/lib/api';
import SidebarLayout from '@/components/SidebarLayout';
const API_BASE_URL = process.env.NEXT_PUBLIC_API_URL || '';
// 이미지 URL 변환 (로컬 경로는 백엔드 URL 추가)
const getImageUrl = (url: string | undefined): string => {
if (!url) return '';
if (url.startsWith('http://') || url.startsWith('https://')) {
return url;
}
// 로컬 경로인 경우 백엔드 URL 추가
return `${API_BASE_URL}${url}`;
};
export default function MyRequestPage() {
const router = useRouter();
const { t, language } = useTranslation();
@@ -226,7 +238,7 @@ export default function MyRequestPage() {
<div className="relative h-40 bg-gray-200">
{carData?.main_image ? (
<Image
src={carData.main_image}
src={getImageUrl(carData.main_image)}
alt={carData.car_name || 'Vehicle'}
fill
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}
@@ -401,7 +413,7 @@ export default function MyRequestPage() {
<div className="relative h-40 bg-gray-200">
{carData?.main_image ? (
<Image
src={carData.main_image}
src={getImageUrl(carData.main_image)}
alt={carData.car_name || 'Vehicle'}
fill
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}