Page MenuHomePhabricator
Files F3406248

D7958.diff
No OneTemporary
Actions

D7958.diff
View Options

diff --git a/web/invite-links/accept-invite-modal.react.js b/web/invite-links/accept-invite-modal.react.js
--- a/web/invite-links/accept-invite-modal.react.js
+++ b/web/invite-links/accept-invite-modal.react.js
@@ -1,20 +1,36 @@
// @flow
+import invariant from 'invariant';
import * as React from 'react';
+import {
+ joinThread,
+ joinThreadActionTypes,
+} from 'lib/actions/thread-actions.js';
import ModalOverlay from 'lib/components/modal-overlay.react.js';
import { useModalContext } from 'lib/components/modal-provider.react.js';
+import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors.js';
import { type InviteLinkVerificationResponse } from 'lib/types/link-types.js';
+import {
+ useDispatchActionPromise,
+ useServerCall,
+} from 'lib/utils/action-utils.js';
import css from './accept-invite-modal.css';
import Button, { buttonThemes } from '../components/button.react.js';
+import { useSelector } from '../redux/redux-utils.js';
+import { nonThreadCalendarQuery } from '../selectors/nav-selectors.js';
type Props = {
+verificationResponse: InviteLinkVerificationResponse,
+ +inviteSecret: string,
};
function AcceptInviteModal(props: Props): React.Node {
- const { verificationResponse } = props;
+ const { verificationResponse, inviteSecret } = props;
+ const [isLinkValid, setIsLinkValid] = React.useState(
+ verificationResponse.status === 'valid',
+ );
const { popModal } = useModalContext();
React.useEffect(() => {
@@ -23,8 +39,43 @@
}
}, [popModal, verificationResponse.status]);
+ const callJoinThread = useServerCall(joinThread);
+ const calendarQuery = useSelector(nonThreadCalendarQuery);
+ const communityID = verificationResponse.community?.id;
+ const createJoinCommunityAction = React.useCallback(async () => {
+ invariant(
+ communityID,
+ 'CommunityID should be present while calling this function',
+ );
+ const query = calendarQuery();
+ try {
+ const result = await callJoinThread({
+ threadID: communityID,
+ calendarQuery: {
+ startDate: query.startDate,
+ endDate: query.endDate,
+ filters: [
+ ...query.filters,
+ { type: 'threads', threadIDs: [communityID] },
+ ],
+ },
+ inviteLinkSecret: inviteSecret,
+ });
+ popModal();
+ return result;
+ } catch (e) {
+ setIsLinkValid(false);
+ throw e;
+ }
+ }, [calendarQuery, callJoinThread, communityID, inviteSecret, popModal]);
+ const dispatchActionPromise = useDispatchActionPromise();
+ const joinCommunity = React.useCallback(() => {
+ dispatchActionPromise(joinThreadActionTypes, createJoinCommunityAction());
+ }, [createJoinCommunityAction, dispatchActionPromise]);
+ const joinThreadLoadingStatus = useSelector(joinThreadLoadingStatusSelector);
+
let content;
- if (verificationResponse.status === 'valid') {
+ if (verificationResponse.status === 'valid' && isLinkValid) {
const { community } = verificationResponse;
content = (
<>
@@ -32,7 +83,12 @@
<div className={css.heading}>{community.name}</div>
<hr />
<div className={css.group}>
- <Button variant="filled" buttonColor={buttonThemes.standard}>
+ <Button
+ variant="filled"
+ buttonColor={buttonThemes.standard}
+ disabled={joinThreadLoadingStatus === 'loading'}
+ onClick={joinCommunity}
+ >
Accept Invite
</Button>
<Button variant="outline" onClick={popModal}>
@@ -70,4 +126,8 @@
);
}
+const joinThreadLoadingStatusSelector = createLoadingStatusSelector(
+ joinThreadActionTypes,
+);
+
export default AcceptInviteModal;

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 5, 1:15 AM (12 h, 58 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2615402
Default Alt Text
D7958.diff (3 KB)

Event Timeline