91 lines
2.6 KiB
TypeScript
91 lines
2.6 KiB
TypeScript
/*
|
|
* File: DashboardStackNavigator.tsx
|
|
* Description: Stack navigator for dashboard screens within the Dashboard module
|
|
* Design & Developed by Tech4Biz Solutions
|
|
* Copyright (c) Spurrin Innovations. All rights reserved.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { createStackNavigator } from '@react-navigation/stack';
|
|
|
|
// Import dashboard screens
|
|
import { ERDashboardScreen } from '../screens/ERDashboardScreen';
|
|
|
|
// Import navigation types
|
|
import { DashboardStackParamList } from './navigationTypes';
|
|
import { theme } from '../../../theme';
|
|
|
|
// Create stack navigator for Dashboard module
|
|
const Stack = createStackNavigator<DashboardStackParamList>();
|
|
|
|
/**
|
|
* DashboardStackNavigator - Manages navigation between dashboard screens
|
|
*
|
|
* This navigator handles the flow between:
|
|
* - ERDashboardScreen: Main ER dashboard with patient overview
|
|
* - Future screens: Patient details, alerts, reports, etc.
|
|
*
|
|
* Features:
|
|
* - Clean header styling
|
|
* - Smooth transitions between screens
|
|
* - Type-safe navigation parameters
|
|
* - Healthcare-focused design
|
|
*/
|
|
const DashboardStackNavigator: React.FC = () => {
|
|
return (
|
|
<Stack.Navigator
|
|
initialRouteName="ERDashboard"
|
|
screenOptions={{
|
|
// Header styling for dashboard screens
|
|
headerStyle: {
|
|
backgroundColor: '#FFFFFF',
|
|
elevation: 0, // Remove shadow on Android
|
|
shadowOpacity: 0, // Remove shadow on iOS
|
|
},
|
|
headerTitleStyle: {
|
|
fontFamily: theme.typography.fontFamily.medium,
|
|
fontSize: 18,
|
|
color: '#212121',
|
|
},
|
|
headerTintColor: '#2196F3', // Back button and title color
|
|
headerBackTitleVisible: false, // Hide back title on iOS
|
|
cardStyle: {
|
|
backgroundColor: '#FFFFFF',
|
|
},
|
|
// Smooth transitions
|
|
transitionSpec: {
|
|
open: {
|
|
animation: 'timing',
|
|
config: {
|
|
duration: 300,
|
|
},
|
|
},
|
|
close: {
|
|
animation: 'timing',
|
|
config: {
|
|
duration: 300,
|
|
},
|
|
},
|
|
},
|
|
}}
|
|
>
|
|
{/* ER Dashboard Screen - Main dashboard entry point */}
|
|
<Stack.Screen
|
|
name="ERDashboard"
|
|
component={ERDashboardScreen}
|
|
options={{
|
|
title: 'ER Dashboard',
|
|
headerShown: false, // Hide header for main dashboard
|
|
}}
|
|
/>
|
|
</Stack.Navigator>
|
|
);
|
|
};
|
|
|
|
export default DashboardStackNavigator;
|
|
|
|
/*
|
|
* End of File: DashboardStackNavigator.tsx
|
|
* Design & Developed by Tech4Biz Solutions
|
|
* Copyright (c) Spurrin Innovations. All rights reserved.
|
|
*/
|