@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
102 lines • 3.66 kB
JavaScript
"use strict";
// import React, { useContext } from "react";
// import { ActivityIndicator, Image, Text, View } from "react-native";
// import { AIBaseStyle, AIBaseStyleInterface } from "../../../AI/AIBaseStyle";
// import { CometChatContext } from "../../CometChatContext";
// import { ErrorMessageIcon, NoMessageIcon } from "./resources";
// const enum States {
// loading = "loading",
// error = "error",
// empty = "empty",
// }
// export interface CometChatAICardInterface {
// state: "loading" | "error" | "empty";
// style: AIBaseStyleInterface;
// loadingIconTint?: string;
// errorIconTint?: string;
// emptyIconTint?: string;
// loadingIconURL?: string;
// errorIconURL?: string;
// emptyIconURL?: string;
// loadingStateText?: string;
// errorStateText?: string;
// emptyStateText?: string;
// }
// const CometChatAICard = (props: CometChatAICardInterface) => {
// const {
// state,
// style,
// loadingStateText,
// loadingIconURL,
// emptyIconURL,
// emptyStateText,
// errorIconURL,
// errorStateText,
// } = props;
// const { theme } = useContext(CometChatContext);
// const {
// emptyStateTextColor,
// emptyStateTextFont,
// emptyIconTint,
// errorStateTextColor,
// errorStateTextFont,
// errorIconTint,
// loadingStateTextColor,
// loadingStateTextFont,
// loadingIconTint,
// } = new AIBaseStyle({
// emptyIconTint: theme.palette.getAccent(),
// emptyStateTextColor: theme.palette.getAccent(),
// emptyStateTextFont: theme.typography.subtitle1,
// errorIconTint: theme.palette.getAccent(),
// errorStateTextColor: theme.palette.getAccent(),
// errorStateTextFont: theme.typography.subtitle1,
// loadingIconTint: theme.palette.getAccent(),
// loadingStateTextColor: theme.palette.getAccent(),
// loadingStateTextFont: theme.typography.subtitle1,
// ...style,
// });
// return (
// <View>
// {props.children ? (
// props.children
// ) : state === States.loading ? (
// <View style={{ flexDirection: "row", alignItems: "center", padding: 10 }}>
// {!loadingIconURL ? (
// <ActivityIndicator color={loadingIconTint} />
// ) : (
// <Image
// style={{ width: 25, height: 25, tintColor: loadingIconTint }}
// source={loadingIconURL}
// />
// )}
// <Text style={[loadingStateTextFont, { color: loadingStateTextColor, marginLeft: 10 }]}>
// {loadingStateText}
// </Text>
// </View>
// ) : state === States.error ? (
// <View style={{ flexDirection: "row", alignItems: "center", padding: 10 }}>
// <Image
// style={{ width: 25, height: 25, tintColor: errorIconTint }}
// source={errorIconURL || ErrorMessageIcon}
// />
// <Text style={[errorStateTextFont, { color: errorStateTextColor, marginLeft: 10 }]}>
// {errorStateText}
// </Text>
// </View>
// ) : state === States.empty ? (
// <View style={{ flexDirection: "row", alignItems: "center", padding: 10 }}>
// <Image
// style={{ width: 25, height: 25, tintColor: emptyIconTint }}
// source={emptyIconURL || NoMessageIcon}
// />
// <Text style={[emptyStateTextFont, { color: emptyStateTextColor, marginLeft: 10 }]}>
// {emptyStateText}
// </Text>
// </View>
// ) : null}
// </View>
// );
// };
// export default CometChatAICard;
//# sourceMappingURL=CometChatAICard.js.map