@s20.ai/safecam-360-rn
Version:
A React Native component to view the interior panorama and exterior 360 degree views of a product featuring suppport for hotspots. Compatible with Android and iOS
42 lines (39 loc) • 1.72 kB
JavaScript
import React from "react"
import {View, Text, StyleSheet} from "react-native";
import constants from "../../../config/constants";
const MissingDataHandlerOverlay = ({interiorDataProcessed, exteriorDataProcessed, currentViewState}) => {
const styles = StyleSheet.create({
center: {
position: 'absolute',
top: '50%',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
width: '100%',
},
});
return(
(Object.keys(exteriorDataProcessed).length === 0 ||
Object.keys(interiorDataProcessed).length === 0) && (
<View style={styles.center}>
{Object.keys(interiorDataProcessed).length === 0 &&
Object.keys(exteriorDataProcessed).length === 0 ? (
//No interior and exterior data found
<Text style={{color:"#000"}}>Oops, no information found</Text>
) : Object.keys(exteriorDataProcessed).length === 0 &&
Object.keys(interiorDataProcessed).length > 0 ? (
currentViewState.type !== constants.INTERIOR_VIEW && (
//No exterior data found
<Text style={{color:"#000"}}>Oops, no information found</Text>
)
) : Object.keys(exteriorDataProcessed).length > 0 &&
Object.keys(interiorDataProcessed).length === 0 ? (
currentViewState.type !== constants.EXTERIOR_VIEW && (
//No exterior data found
<Text style={{color:"#000"}}>Oops, no information found</Text>
)
) : null}
</View>
))
}
export default MissingDataHandlerOverlay;