53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { View, ViewStyle } from "react-native";
|
|
import { TouchableWithoutFeedback } from "react-native-gesture-handler";
|
|
import { GenericActionPayload } from "../../../App/common/actions/GenericAction";
|
|
import { CtaData } from "../../../App/common/interface";
|
|
import { TitleWidgetData } from "../../../App/common/interface/widgets/widgetData/TitleWidgetData";
|
|
import { StyledText } from "../styled-text/StyledText";
|
|
|
|
const TitleWidget = ({
|
|
widgetData,
|
|
widgetStyle,
|
|
handleActions,
|
|
handleClick,
|
|
widgetIndex,
|
|
}: {
|
|
widgetData: TitleWidgetData;
|
|
widgetStyle?: ViewStyle;
|
|
handleActions?: (screenActionPayload?: GenericActionPayload) => void;
|
|
handleClick?: (cta: CtaData) => void;
|
|
widgetIndex?: number;
|
|
}) => {
|
|
const handleTitleClick = () => {
|
|
handleClick &&
|
|
(widgetData?.title?.cta) &&
|
|
handleClick(widgetData?.title?.cta);
|
|
};
|
|
|
|
const handleRightTitleClick = () => {
|
|
handleClick &&
|
|
(widgetData?.rightTitle?.cta) &&
|
|
handleClick(widgetData?.rightTitle?.cta);
|
|
};
|
|
|
|
return (
|
|
<View style={widgetStyle}>
|
|
{widgetData.title && (
|
|
<TouchableWithoutFeedback onPress={handleTitleClick}>
|
|
<StyledText textFieldData={widgetData.title} />
|
|
</TouchableWithoutFeedback>
|
|
)}
|
|
{widgetData.subtitle && (
|
|
<StyledText textFieldData={widgetData.subtitle} />
|
|
)}
|
|
{widgetData.rightTitle && (
|
|
<TouchableWithoutFeedback onPress={handleRightTitleClick}>
|
|
<StyledText textFieldData={widgetData.rightTitle} />
|
|
</TouchableWithoutFeedback>
|
|
)}
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default TitleWidget;
|