You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
import styled from 'styled-components';
|
|
import { getMessageCountByType } from '../../data/data';
|
|
import {
|
|
acceptConversation,
|
|
blockConvoById,
|
|
declineConversation,
|
|
} from '../../interactions/conversationInteractions';
|
|
import { MessageDirection } from '../../models/messageType';
|
|
import { forceSyncConfigurationNowIfNeeded } from '../../session/utils/syncUtils';
|
|
import { updateConfirmModal } from '../../state/ducks/modalDialog';
|
|
import { getSelectedConversation } from '../../state/selectors/conversations';
|
|
import { SessionButton, SessionButtonColor, SessionButtonType } from '../basic/SessionButton';
|
|
|
|
export const ConversationMessageRequestButtons = () => {
|
|
const selectedConversation = useSelector(getSelectedConversation);
|
|
|
|
const [hasIncoming, setHasIncomingMsg] = useState(false);
|
|
|
|
useEffect(() => {
|
|
async function getIncomingMessages() {
|
|
const id = selectedConversation?.id;
|
|
if (id) {
|
|
const msgCount = await getMessageCountByType(
|
|
selectedConversation?.id,
|
|
MessageDirection.incoming
|
|
);
|
|
if (msgCount > 0) {
|
|
setHasIncomingMsg(true);
|
|
}
|
|
}
|
|
}
|
|
getIncomingMessages();
|
|
});
|
|
|
|
if (!selectedConversation || !hasIncoming) {
|
|
return null;
|
|
}
|
|
|
|
const showMsgRequestUI =
|
|
!selectedConversation.isApproved &&
|
|
!selectedConversation.isApproved &&
|
|
selectedConversation.type === 'private';
|
|
const dispatch = useDispatch();
|
|
|
|
const handleDeclineConversationRequest = () => {
|
|
dispatch(
|
|
updateConfirmModal({
|
|
okText: window.i18n('decline'),
|
|
cancelText: window.i18n('cancel'),
|
|
message: window.i18n('declineRequestMessage'),
|
|
onClickOk: async () => {
|
|
await declineConversation(selectedConversation.id, false);
|
|
await blockConvoById(selectedConversation.id);
|
|
await forceSyncConfigurationNowIfNeeded();
|
|
},
|
|
onClickCancel: () => {
|
|
dispatch(updateConfirmModal(null));
|
|
},
|
|
onClickClose: () => {
|
|
dispatch(updateConfirmModal(null));
|
|
},
|
|
})
|
|
);
|
|
};
|
|
|
|
const handleAcceptConversationRequest = async () => {
|
|
const { id } = selectedConversation;
|
|
await acceptConversation(id, true);
|
|
};
|
|
|
|
if (!showMsgRequestUI) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<ConversationRequestBanner>
|
|
<ConversationBannerRow>
|
|
<SessionButton
|
|
buttonColor={SessionButtonColor.Green}
|
|
buttonType={SessionButtonType.BrandOutline}
|
|
onClick={handleAcceptConversationRequest}
|
|
text={window.i18n('accept')}
|
|
/>
|
|
<SessionButton
|
|
buttonColor={SessionButtonColor.Danger}
|
|
buttonType={SessionButtonType.BrandOutline}
|
|
text={window.i18n('decline')}
|
|
onClick={handleDeclineConversationRequest}
|
|
/>
|
|
</ConversationBannerRow>
|
|
</ConversationRequestBanner>
|
|
);
|
|
};
|
|
|
|
const ConversationBannerRow = styled.div`
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--margins-lg);
|
|
justify-content: center;
|
|
`;
|
|
|
|
const ConversationRequestBanner = styled.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: var(--margins-lg);
|
|
gap: var(--margins-lg);
|
|
`;
|