兴趣小组、好友动态
Change-Id: I7aa713600dea31eb2cd5b32ecc4e257b2bbd8be1
diff --git a/src/pages/InterestGroup/GroupMembers.jsx b/src/pages/InterestGroup/GroupMembers.jsx
new file mode 100644
index 0000000..037c4be
--- /dev/null
+++ b/src/pages/InterestGroup/GroupMembers.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { Link } from 'wouter';
+import './GroupDetail.css';
+
+const GroupMembers = ({ members }) => {
+ return (
+ <section className="group-section">
+ <h2>成员列表</h2>
+ <div className="member-list">
+ {members.length > 0 ? (
+ members.map(m => (
+ <Link href={`/information/${m.user_id}`} key={m.user_id} className="member-link">
+ <div className="member-card">
+ <img
+ src={m.avatar_url || 'https://picsum.photos/100/100'}
+ alt={m.username}
+ className="member-avatar"
+ />
+ <p className="member-name">{m.username}</p>
+ </div>
+ </Link>
+ ))
+ ) : (
+ <p className="empty-message">暂无成员</p>
+ )}
+ </div>
+ </section>
+ );
+};
+
+export default GroupMembers;
\ No newline at end of file