fix: Use native img tags for admin pages

- Replace next/image with native img tags in admin bottles, splits, tastings
- Remove hardcoded Supabase hostname from next.config.mjs
- Native img works with any hostname without config changes on deploy
This commit is contained in:
2026-01-19 11:46:26 +01:00
parent 3c02d33531
commit 948c70c7f2
4 changed files with 11 additions and 29 deletions

View File

@@ -1,8 +1,7 @@
'use client';
import { useState, useMemo } from 'react';
import { Search, Filter, User, Wine, Calendar, Star, X, ChevronDown } from 'lucide-react';
import Image from 'next/image';
import { Search, User, Wine, Star, X } from 'lucide-react';
interface Bottle {
id: string;
@@ -205,12 +204,10 @@ export default function AdminBottlesList({ bottles }: AdminBottlesListProps) {
{/* Image */}
<div className="aspect-[4/3] relative bg-zinc-800">
{bottle.image_url ? (
<Image
<img
src={bottle.image_url}
alt={bottle.name || 'Bottle'}
fill
className="object-cover"
sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
className="absolute inset-0 w-full h-full object-cover"
/>
) : (
<div className="absolute inset-0 flex items-center justify-center">