's'

app/components/CityModal.tsx

@@ -18,6 +18,7 @@ import {
 import { apiFetch } from "@/app/lib/api-client";
 import { cityVolunteerHref } from "@/app/lib/city-slugs";
 import { mediaUrl } from "@/app/lib/media";
+import SocialGreetButton from "@/app/components/SocialGreetButton";
 
 const CITY_COORDS: Record<string, [number, number]> = {
   大理: [25.7, 100.2],
@@ -653,7 +654,9 @@ function SocialMemberCard({ member, mode }: { member: CitySocialMember; mode: So
         <img src={mediaUrl(member.photo)} alt={member.name} className="h-14 w-14 rounded-full object-cover shadow-sm" />
         <div className="min-w-0 flex-1">
           <div className="flex flex-wrap items-center gap-2">
-            <h3 className="font-bold text-gray-900 dark:text-gray-100">{member.name}{member.age ? `，${member.age}` : ""}</h3>
+            <Link href={`/members/${member.id}`} className="font-bold text-gray-900 hover:text-[#ff4d4f] dark:text-gray-100">
+              {member.name}{member.age ? `，${member.age}` : ""}
+            </Link>
             <span className={`rounded-full px-2 py-0.5 text-[11px] font-semibold ${meta.tone}`}>{meta.badge}</span>
           </div>
           <p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
@@ -671,9 +674,7 @@ function SocialMemberCard({ member, mode }: { member: CitySocialMember; mode: So
       </div>
       <div className="mt-4 flex items-center justify-between gap-3 border-t border-gray-100 pt-3 dark:border-gray-800">
         <span className="text-xs font-medium text-gray-500 dark:text-gray-400">{member.availability}</span>
-        <Link href="/messages" className="rounded-full bg-[#ff4d4f] px-3 py-1.5 text-xs font-semibold text-white hover:bg-red-500">
-          打招呼
-        </Link>
+        <SocialGreetButton profileId={member.id} />
       </div>
     </article>
   );