refactor(event-grid): Refactor footer rendering in event grid container

Signed-off-by: Noa Virellia <noa@requiem.garden>

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}>
+          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>
-                  </KycDialogContainer>
-                )
-                : (
-                  <EventJoinDialogContainer event={eventInfo}>
-                    <DialogTrigger asChild>
-                      <Button className="w-full">加入活动</Button>
-                    </DialogTrigger>
-                  </EventJoinDialogContainer>
-                )
-            )
                 )}
+              </Container>
+            );
+          }}
         />
       )
   );