From 41edd7ce26a3acb9cd37e88ea071492787ad58c8 Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 24 Nov 2025 17:25:05 +0800
Subject: [PATCH] refactor: remove `images.weserv.nl` preconnect and image
 optimization utility

---
 app/layout.tsx                  | 3 ---
 components/home/MovieCard.tsx   | 3 +--
 components/search/VideoCard.tsx | 3 +--
 3 files changed, 2 insertions(+), 7 deletions(-)
diff --git a/app/layout.tsx b/app/layout.tsx
index f625f60..7bd4faf 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -28,9 +28,6 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <head>
-        <link rel="preconnect" href="https://images.weserv.nl" />
-      </head>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
         suppressHydrationWarning
diff --git a/components/home/MovieCard.tsx b/components/home/MovieCard.tsx
index 17f8154..b923d53 100644
--- a/components/home/MovieCard.tsx
+++ b/components/home/MovieCard.tsx
@@ -8,7 +8,6 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { Card } from '@/components/ui/Card';
 import { Icons } from '@/components/ui/Icon';
-import { getOptimizedImageUrl } from '@/lib/utils/image-utils';
 
 interface DoubanMovie {
   id: string;
@@ -41,7 +40,7 @@ export const MovieCard = memo(function MovieCard({ movie, onMovieClick, priority
       <Card hover className="overflow-hidden p-0 h-full" blur={false}>
         <div className="relative aspect-[2/3] overflow-hidden bg-[var(--glass-bg)] rounded-[var(--radius-2xl)]">
           <Image
-            src={getOptimizedImageUrl(movie.cover, 400)}
+            src={movie.cover}
             alt={movie.title}
             fill
             className="object-cover transition-transform duration-300 group-hover:scale-105 rounded-[var(--radius-2xl)]"
diff --git a/components/search/VideoCard.tsx b/components/search/VideoCard.tsx
index d70e940..c077054 100644
--- a/components/search/VideoCard.tsx
+++ b/components/search/VideoCard.tsx
@@ -7,7 +7,6 @@ import { Card } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
 import { Icons } from '@/components/ui/Icon';
 import { LatencyBadge } from '@/components/ui/LatencyBadge';
-import { getOptimizedImageUrl } from '@/lib/utils/image-utils';
 
 import { Video } from '@/lib/types';
 
@@ -57,7 +56,7 @@ export const VideoCard = memo<VideoCardProps>(({
                     <div className="relative aspect-[2/3] bg-[color-mix(in_srgb,var(--glass-bg)_50%,transparent)] overflow-hidden rounded-[var(--radius-2xl)]">
                         {video.vod_pic ? (
                             <Image
-                                src={getOptimizedImageUrl(video.vod_pic, 400)}
+                                src={video.vod_pic}
                                 alt={video.vod_name}
                                 fill
                                 className="object-cover rounded-[var(--radius-2xl)]"
