refactor(component): adjust confirm modal api (#7589)

packages/frontend/component/src/components/member-components/invite-modal.tsx

@@ -57,11 +57,11 @@ export const InviteModal = ({
           padding: '20px 26px',
         },
       }}
+      confirmText={t['Invite']()}
       confirmButtonOptions={{
         loading: isMutating,
         type: 'primary',
         ['data-testid' as string]: 'confirm-enable-affine-cloud-button',
-        children: t['Invite'](),
       }}
       onConfirm={handleConfirm}
     >

packages/frontend/component/src/components/member-components/member-limit-modal.tsx

@@ -38,14 +38,13 @@ export const MemberLimitModal = ({
           : 'com.affine.payment.member-limit.pro.description'
       ]({ planName: plan, quota: quota })}
       cancelButtonOptions={{ style: { display: isFreePlan ? '' : 'none' } }}
+      confirmText={t[
+        isFreePlan
+          ? 'com.affine.payment.member-limit.free.confirm'
+          : 'com.affine.payment.member-limit.pro.confirm'
+      ]()}
       confirmButtonOptions={{
         type: 'primary',
-        children:
-          t[
-            isFreePlan
-              ? 'com.affine.payment.member-limit.free.confirm'
-              : 'com.affine.payment.member-limit.pro.confirm'
-          ](),
       }}
       onConfirm={handleConfirm}
     ></ConfirmModal>