59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import { BackHandler, View, TouchableOpacity } from "react-native";
|
|
import { CtaData } from "../../../App/common/interface";
|
|
import { styles } from "./StaticHeaderStyle";
|
|
import { ImageName } from "../../../App/common/constants/StringConstant";
|
|
import { AppImage } from "../../AppImage";
|
|
import { useEffect } from "react";
|
|
|
|
export const StaticHeader = ({
|
|
handleClick,
|
|
leftIcon,
|
|
rightIcon,
|
|
leftIconCta,
|
|
rightIconCta,
|
|
}: {
|
|
handleClick?: (ctaData: CtaData) => void;
|
|
leftIcon?: keyof typeof ImageName;
|
|
rightIcon?: keyof typeof ImageName;
|
|
leftIconCta?: CtaData | null;
|
|
rightIconCta?: CtaData | null;
|
|
}) => {
|
|
const handleBackButtonClick = () => {
|
|
handleClick && leftIconCta && handleClick(leftIconCta);
|
|
return true;
|
|
};
|
|
useEffect(() => {
|
|
BackHandler.addEventListener("hardwareBackPress", handleBackButtonClick);
|
|
return () => {
|
|
BackHandler.removeEventListener(
|
|
"hardwareBackPress",
|
|
handleBackButtonClick,
|
|
);
|
|
};
|
|
}, [leftIconCta]);
|
|
return (
|
|
<View style={styles.container}>
|
|
{!!leftIconCta && (
|
|
<TouchableOpacity
|
|
onPress={() => {
|
|
handleClick && leftIconCta && handleClick(leftIconCta);
|
|
}}
|
|
activeOpacity={1}
|
|
>
|
|
{AppImage(leftIcon || ImageName.CROSS, styles.leftImageStyle)}
|
|
</TouchableOpacity>
|
|
)}
|
|
{!!rightIconCta && (
|
|
<TouchableOpacity
|
|
onPress={() => {
|
|
handleClick && rightIconCta && handleClick(rightIconCta);
|
|
}}
|
|
activeOpacity={1}
|
|
>
|
|
{AppImage(rightIcon || ImageName.HELP, styles.rightImageStyle)}
|
|
</TouchableOpacity>
|
|
)}
|
|
</View>
|
|
);
|
|
};
|