diff --git a/client/cms/src/components/events/event-grid/event-grid.container.tsx b/client/cms/src/components/events/event-grid/event-grid.container.tsx
index 13e7da5..a9722fe 100644
--- a/client/cms/src/components/events/event-grid/event-grid.container.tsx
+++ b/client/cms/src/components/events/event-grid/event-grid.container.tsx
@@ -16,26 +16,23 @@ export function EventGridContainer() {
       : (
         <EventGridView
           events={data.pages.flatMap(page => page.data ?? []).map(toEventInfo)}
-          footer={eventInfo => (eventInfo.isJoined
-            ? <Button className="w-full" disabled>已加入</Button>
-            : (
-              eventInfo.requireKyc
-                ? (
-                  <KycDialogContainer event={eventInfo}>
-                    <DialogTrigger asChild>
-                      <Button className="w-full">加入活动</Button>
-                    </DialogTrigger>
-                  </KycDialogContainer>
-                )
-                : (
-                  <EventJoinDialogContainer event={eventInfo}>
-                    <DialogTrigger asChild>
-                      <Button className="w-full">加入活动</Button>
-                    </DialogTrigger>
-                  </EventJoinDialogContainer>
-                )
-            )
-          )}
+          footer={(eventInfo) => {
+            const Container = eventInfo.requireKyc ? KycDialogContainer : EventJoinDialogContainer;
+
+            return (
+              <Container event={eventInfo}>
+                {eventInfo.isJoined ? (
+                  <Button className="w-full" disabled>
+                    已加入
+                  </Button>
+                ) : (
+                  <DialogTrigger asChild>
+                    <Button className="w-full">加入活动</Button>
+                  </DialogTrigger>
+                )}
+              </Container>
+            );
+          }}
         />
       )
   );