fix: Add getImageUrl to handle relative image paths in MyRequest page
This commit is contained in:
@@ -9,6 +9,18 @@ import { useAuthStore } from '@/lib/store';
|
|||||||
import { vehicleRequestsApi, VehicleRequestWithVehicles, DirectPurchasedCar } from '@/lib/api';
|
import { vehicleRequestsApi, VehicleRequestWithVehicles, DirectPurchasedCar } from '@/lib/api';
|
||||||
import SidebarLayout from '@/components/SidebarLayout';
|
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() {
|
export default function MyRequestPage() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const { t, language } = useTranslation();
|
const { t, language } = useTranslation();
|
||||||
@@ -226,7 +238,7 @@ export default function MyRequestPage() {
|
|||||||
<div className="relative h-40 bg-gray-200">
|
<div className="relative h-40 bg-gray-200">
|
||||||
{carData?.main_image ? (
|
{carData?.main_image ? (
|
||||||
<Image
|
<Image
|
||||||
src={carData.main_image}
|
src={getImageUrl(carData.main_image)}
|
||||||
alt={carData.car_name || 'Vehicle'}
|
alt={carData.car_name || 'Vehicle'}
|
||||||
fill
|
fill
|
||||||
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}
|
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}
|
||||||
@@ -401,7 +413,7 @@ export default function MyRequestPage() {
|
|||||||
<div className="relative h-40 bg-gray-200">
|
<div className="relative h-40 bg-gray-200">
|
||||||
{carData?.main_image ? (
|
{carData?.main_image ? (
|
||||||
<Image
|
<Image
|
||||||
src={carData.main_image}
|
src={getImageUrl(carData.main_image)}
|
||||||
alt={carData.car_name || 'Vehicle'}
|
alt={carData.car_name || 'Vehicle'}
|
||||||
fill
|
fill
|
||||||
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}
|
className={`object-cover ${isSoldout ? 'grayscale' : ''}`}
|
||||||
|
|||||||
Reference in New Issue
Block a user