48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { useNavigation } from "@react-navigation/native";
|
|
import { Text, View } from "react-native";
|
|
import { AppImage } from "../../../../../components/AppImage";
|
|
import { StaticHeader } from "../../../../../components/reusable/static-header/StaticHeader";
|
|
import {
|
|
ConstantCta,
|
|
GENERIC_ERROR_SCREEN,
|
|
} from "../../../../common/constants";
|
|
import {
|
|
ERROR_SUBTITLE,
|
|
ERROR_TITLE,
|
|
ImageName,
|
|
} from "../../../../common/constants/StringConstant";
|
|
import { CtaData } from "../../../../common/interface";
|
|
import { globalHandleClick } from "../../../../common/utilities/NavigationUtil";
|
|
import { styles } from "./GenericErrorScreenStyle";
|
|
import { useBackSwipeListener } from "../../../../common/hooks";
|
|
|
|
const GenericErrorScreen = () => {
|
|
const navigation = useNavigation();
|
|
const handleClick = (cta?: CtaData) => {
|
|
globalHandleClick(navigation, cta, GENERIC_ERROR_SCREEN);
|
|
};
|
|
useBackSwipeListener(
|
|
navigation,
|
|
ConstantCta.STATIC_HEADER_LEFT_ICON_CTA,
|
|
GENERIC_ERROR_SCREEN,
|
|
);
|
|
|
|
return (
|
|
<View style={styles.container}>
|
|
<StaticHeader
|
|
handleClick={handleClick}
|
|
leftIconCta={ConstantCta.STATIC_HEADER_LEFT_ICON_CTA}
|
|
leftIcon={"CROSS"}
|
|
/>
|
|
<View style={styles.centerContent}>
|
|
<AppImage imageCode={ImageName.SWW} style={styles.centerIcon} />
|
|
<Text style={styles.errorTitle}>{ERROR_TITLE}</Text>
|
|
<Text style={styles.errorSubtitle}>{ERROR_SUBTITLE}</Text>
|
|
</View>
|
|
<View style={styles.retryButton}></View>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default GenericErrorScreen;
|