added navigation to new screentimeticketcreate

components/Buttons/create-time-ticket-button.component.jsx

@@ -3,18 +3,23 @@ import { Text } from "react-native";
 import { Button } from "react-native-paper";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { useNavigation } from "@react-navigation/native";
+
+
 
 // const mapDispatchToProps = (dispatch) => ({
 //   signOut: () => dispatch(employeeSignOut()),
 // });
 
-export function AddTimeTicketButton({ doOnPress }) {
+export function AddTimeTicketButton() {
+  
+  const navigation = useNavigation();
   const { t } = useTranslation();
   return (
     <Button
       mode="text"
       compact={true}
-      onPress={() => doOnPress()}
+      onPress={() => {navigation.navigate("CreateTimeTicket");}}
       icon="plus"
     >
     <Text style={{fontSize: 12}}>{t("timeticketbrowser.actions.ticket")}</Text> 

components/screen-main/screen-main.component.jsx

@@ -37,6 +37,7 @@ import EmployeeSignIn from "../screen-employee-sign-in/screen-employee-sign-in.c
 import ScreenApTimeTicketList from "../screen-ap-time-ticket-list/screen-ap-time-ticket-list.component";
 import SignOutButton from "../Buttons/employee-sign-out-button.component";
 import AddTimeTicketButton from "../Buttons/create-time-ticket-button.component";
+import ScreenTimeTicketCreate from "../time-ticket/screen-time-ticket-create.component";
 
 const ActiveJobStack = createNativeStackNavigator();
 const MoreStack = createNativeStackNavigator();
@@ -138,8 +139,11 @@ const TimeTicketBrowserStackNavigator = connect(
       //   console.log("App is about to be inactive");
       // }
 
-      if ( appState.current.match(/active|inactive/) && nextAppState === "background"
+      if (
-      ) {// console.log("App is about to be background");
+        appState.current.match(/active|inactive/) &&
+        nextAppState === "background"
+      ) {
+        // console.log("App is about to be background");
         signOut();
       }
 
@@ -163,19 +167,25 @@ const TimeTicketBrowserStackNavigator = connect(
           component={EmployeeSignIn}
         />
       ) : currentEmployee.authorized ? (
-        <TimeTicketBrowserStack.Screen
+        
-          name="TimeTicketBrowser"
+          <><TimeTicketBrowserStack.Screen
-          options={{
+            name="TimeTicketBrowser"
-            title: i18n.t("timeticketbrowser.titles.timeticketbrowsertab"),
+            options={{
-            headerRight: () => (
+              title: i18n.t("timeticketbrowser.titles.timeticketbrowsertab"),
-              <>
+              headerRight: () => (
-                <AddTimeTicketButton />
+                <>
-                <SignOutButton />
+                  <AddTimeTicketButton />
-              </>
+                  <SignOutButton />
-            ),
+                </>
-          }}
+              ),
-          component={ScreenApTimeTicketList}
+            }}
-        />
+            component={ScreenApTimeTicketList} /><TimeTicketBrowserStack.Screen
+              name="CreateTimeTicket"
+              options={() => ({
+                title: i18n.t("createtimeticket.titles.createtimeticket"),
+              })}
+              component={ScreenTimeTicketCreate} /></>
+        
       ) : (
         <TimeTicketBrowserStack.Screen
           name="EmployeeSignIn"
@@ -185,6 +195,7 @@ const TimeTicketBrowserStackNavigator = connect(
           component={EmployeeSignIn}
         />
       )}
+      
     </TimeTicketBrowserStack.Navigator>
   );
 });