react-native-chating-ui-kit/lib/shared/views/CometChatConfirmDialog/CometChatConfirmDialog.js

CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly

import React, { useContext } from 'react';
import { Text, View, TouchableOpacity, Modal } from 'react-native';
import { Style } from './style';
import { CometChatContext } from '../../CometChatContext';
export const CometChatConfirmDialog = (props) => {
    const { theme } = useContext(CometChatContext);
    const { onConfirm, onCancel, isOpen, style, title, messageText, cancelButtonText, confirmButtonText, } = props;
    const onClick = (option) => {
        if (option === 'confirm') {
            onConfirm();
        }
        if (option === 'cancel') {
            onCancel();
        }
    };
    return (<Modal transparent={true} visible={isOpen}>
      <View style={Style.container}>
        <View style={[
            Style.viewStyle,
            {
                backgroundColor: theme.palette.getBackgroundColor(),
            },
        ]}>
          <Text style={[
            Style.titleTextStyle,
            { color: style?.messageTextColor ?? theme.palette.getAccent() },
            style?.titleTextStyle ?? theme.typography.text1,
        ]}>
            {title}
          </Text>
          <Text style={[
            Style.messageTextStyle,
            {
                color: style?.messageTextColor ?? theme.palette.getAccent700(),
            },
            style?.messageTextStyle ?? theme.typography.subtitle1,
        ]}>
            {messageText}
          </Text>
          <View style={Style.buttonViewStyle}>
            <TouchableOpacity onPress={() => onClick('cancel')} style={[
            Style.cancelButtonStyle,
            {
                backgroundColor: style?.cancelBackground ?? '',
            },
        ]}>
              <Text style={[
            Style.cancelButtonTextStyle,
            {
                color: style?.cancelButtonTextColor ??
                    theme.palette.getPrimary(),
            },
            style?.cancelButtonTextFont ?? theme.typography.text2,
        ]}>
                {cancelButtonText.toUpperCase()}
              </Text>
            </TouchableOpacity>
            <TouchableOpacity onPress={() => onClick('confirm')} style={[
            Style.confirmButtonStyle,
            {
                backgroundColor: style?.confirmBackground ?? '',
            },
        ]}>
              <Text style={[
            Style.confirmButtonTextStyle,
            {
                color: style?.confirmButtonTextColor ??
                    theme.palette.getPrimary(),
            },
            style?.confirmButtonTextFont ?? theme.typography.text2,
        ]}>
                {confirmButtonText.toUpperCase()}
              </Text>
            </TouchableOpacity>
          </View>
        </View>
      </View>
    </Modal>);
};
CometChatConfirmDialog.defaultProps = {
    isOpen: false,
    title: '',
    confirmButtonText: 'Delete',
    cancelButtonText: 'Cancel',
    messageText: 'Are you sure?',
    onConfirm: () => { },
    onCancel: () => { },
    style: {},
};
//# sourceMappingURL=CometChatConfirmDialog.js.map