88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
import {createNativeStackNavigator} from '@react-navigation/native-stack';
|
|
import React from 'react';
|
|
import {View} from 'react-native';
|
|
import {SafeAreaView} from 'react-native-safe-area-context';
|
|
import {useSelector} from 'react-redux';
|
|
import Widget from './src/components/form';
|
|
import RenderingEngine from './src/components/formRenderingEngine';
|
|
import Login from './src/components/login';
|
|
import OtpInput from './src/components/login/OtpInput';
|
|
import {RootState} from './src/store/store';
|
|
import data from './src/data/templateData.json';
|
|
import userData from './src/data/userData.json';
|
|
import {getUniqueId} from 'react-native-device-info';
|
|
import {useAppDispatch} from './src/hooks';
|
|
import {setAuthData} from './src/reducer/commonSlice';
|
|
import AllCases from './src/components/screens/allCases/AllCases';
|
|
|
|
const Stack = createNativeStackNavigator();
|
|
|
|
const LoginScreen = () => <Login />;
|
|
|
|
const OTPScreen = () => <OtpInput />;
|
|
|
|
const HomeScreen = () => (
|
|
<View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
|
|
<SafeAreaView>
|
|
<RenderingEngine data={data} userData={userData} />
|
|
</SafeAreaView>
|
|
</View>
|
|
);
|
|
|
|
const ProtectedRouter = () => {
|
|
const {isLoggedIn, deviceId} = useSelector(
|
|
(state: RootState) => state.common.userData,
|
|
);
|
|
|
|
const dispatch = useAppDispatch();
|
|
|
|
if (!deviceId) {
|
|
getUniqueId().then(id => dispatch(setAuthData({deviceId: id})));
|
|
}
|
|
|
|
return (
|
|
<Stack.Navigator>
|
|
{isLoggedIn ? (
|
|
<>
|
|
<Stack.Screen
|
|
name="Home"
|
|
component={AllCases}
|
|
options={{
|
|
header: () => null,
|
|
}}
|
|
/>
|
|
{Object.keys(data.widgets).map(key => (
|
|
<Stack.Screen
|
|
key={key}
|
|
name={key}
|
|
component={Widget}
|
|
options={{
|
|
header: () => null,
|
|
}}
|
|
/>
|
|
))}
|
|
</>
|
|
) : (
|
|
<>
|
|
<Stack.Screen
|
|
name="Login"
|
|
component={Login}
|
|
options={{
|
|
header: () => null,
|
|
}}
|
|
/>
|
|
<Stack.Screen
|
|
name="OTP"
|
|
component={OTPScreen}
|
|
options={{
|
|
header: () => null,
|
|
}}
|
|
/>
|
|
</>
|
|
)}
|
|
</Stack.Navigator>
|
|
);
|
|
};
|
|
|
|
export default ProtectedRouter;
|