From f16f97b4c89a4cee782f328d93629047430d4d68 Mon Sep 17 00:00:00 2001
From: kyuuseiryuu <kyuuseiryuu@gmail.com>
Date: Thu, 26 Mar 2026 13:54:34 +0900
Subject: [PATCH] feat(club-event-list): add refresh button for event list
 Introduces a new refresh button located in the pagination control section.
 This button allows users to manually trigger a reload of the club events. It
 uses the SyncOutlined icon and is linked to the requestEvents API. The button
 also displays a loading state while the refresh is in progress.

---
 src/components/ClubEventList.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/ClubEventList.tsx b/src/components/ClubEventList.tsx
index 41b04ed..b802b63 100644
--- a/src/components/ClubEventList.tsx
+++ b/src/components/ClubEventList.tsx
@@ -3,7 +3,7 @@ import type { IEventInfo } from "../types";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { EventCard } from "./EventCard";
 import { useRequest } from "ahooks";
-import { CalendarOutlined } from "@ant-design/icons";
+import { CalendarOutlined, SyncOutlined } from "@ant-design/icons";
 
 interface Props {
   clubId: string;
@@ -69,6 +69,14 @@ export const ClubEvenList = (props: Props) => {
       <Divider>
         {paginationControlVisible ? (
           <Space>
+            <Button
+              loading={requestEvents.loading}
+              type="link"
+              onClick={requestEvents.refreshAsync}
+              icon={<SyncOutlined />}
+            >
+              刷新
+            </Button>
             <Typography.Text type="secondary">显示已结束的活动</Typography.Text>
             <Switch checked={showFinishedEvents} onChange={() => setShowFinishedEvents(!showFinishedEvents)} unCheckedChildren="隐藏" checkedChildren="显示" />
           </Space>