readme

app/[locale]/dating/page.tsx

@@ -4,6 +4,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { Link, useTranslation } from "@/i18n/navigation";
 import Footer from "@/app/components/Footer";
 import { apiFetch } from "@/app/lib/api-client";
+import { mediaUrl } from "@/app/lib/media";
 
 type TabType = "friends" | "dating" | "partner" | "roommate" | "cofounder" | "explore";
 
@@ -216,7 +217,7 @@ export default function DatingPage() {
             <div className="space-y-3">
               {matches.map((match) => (
                 <div key={match.id} className="flex items-center gap-3 p-3 rounded-xl bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-sm hover:shadow-md transition-shadow cursor-pointer">
-                  <img src={match.photo} alt={match.name} className="w-12 h-12 rounded-full object-cover shadow-sm flex-shrink-0" />
+                  <img src={mediaUrl(match.photo)} alt={match.name} className="w-12 h-12 rounded-full object-cover shadow-sm flex-shrink-0" />
                   <div className="flex-1 min-w-0">
                     <p className="font-medium text-gray-900 dark:text-gray-100 truncate">{match.name}</p>
                     <p className="text-xs text-gray-500 dark:text-gray-400 truncate">{match.location}</p>
@@ -266,7 +267,7 @@ export default function DatingPage() {
                 </Link>
               </div>
               <div className="flex justify-center mt-12 mb-6">
-                <img src={currentProfile.photo} alt={currentProfile.name} className="w-28 h-28 rounded-full shadow-lg border-4 border-white/50 object-cover" />
+                <img src={mediaUrl(currentProfile.photo)} alt={currentProfile.name} className="w-28 h-28 rounded-full shadow-lg border-4 border-white/50 object-cover" />
               </div>
               <div className="text-center mb-4">
                 <h3 className="text-xl font-bold text-white drop-shadow-sm">{currentProfile.name}，{currentProfile.age}</h3>