** Major Change**. Removed unknown dependencies, and reset project to a new start state. See MD file for instructions.

2025-10-07 14:58:09 -07:00
parent 809badc9e1
commit befa06a6b5
77 changed files with 1684 additions and 1924 deletions
--- a/components-old/screen-main/screen-main.component.jsx
+++ b/components-old/screen-main/screen-main.component.jsx
@@ -0,0 +1,197 @@
+import { Ionicons } from "@expo/vector-icons";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { NavigationContainer } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import i18n from "i18next";
+import moment from "moment";
+import { useEffect } from "react";
+import { Button } from "react-native-paper";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.analytics";
+import { setCameraJob, setCameraJobId } from "../../redux/app/app.actions";
+import {
+  checkUserSession,
+  emailSignInStart,
+  signOutStart,
+} from "../../redux/user/user.actions";
+import {
+  selectBodyshop,
+  selectCurrentUser,
+} from "../../redux/user/user.selectors";
+import ScreenJobDetail from "../screen-job-detail/screen-job-detail.component";
+import ScreenJobList from "../screen-job-list/screen-job-list.component";
+import ScreenMediaBrowser from "../screen-media-browser/screen-media-browser.component";
+import ScreenSettingsComponent from "../screen-settings/screen-settings.component";
+import ScreenSignIn from "../screen-sign-in/screen-sign-in.component";
+import ScreenSplash from "../screen-splash/screen-splash.component";
+
+const ActiveJobStack = createNativeStackNavigator();
+const MoreStack = createNativeStackNavigator();
+const BottomTabs = createBottomTabNavigator();
+const MediaBrowserStack = createNativeStackNavigator();
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  checkUserSession: () => dispatch(checkUserSession()),
+  emailSignInStart: (email, password) =>
+    dispatch(emailSignInStart({ email, password })),
+  signOutStart: () => dispatch(signOutStart()),
+  setCameraJobId: (id) => dispatch(setCameraJobId(id)),
+  setCameraJob: (job) => dispatch(setCameraJob(job)),
+});
+
+const JobsTabNavigator = connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(({ setCameraJobId, setCameraJob }) => (
+  <ActiveJobStack.Navigator initialRouteName="JobList">
+    <ActiveJobStack.Screen
+      name="JobList"
+      options={() => ({
+        title: i18n.t("joblist.labels.activejobs"),
+      })}
+      component={ScreenJobList}
+    />
+    <ActiveJobStack.Screen
+      name="JobDetail"
+      component={ScreenJobDetail}
+      options={({ navigation, route }) => ({
+        title:
+          (route.params && route.params.title) ||
+          i18n.t("joblist.labels.detail"),
+        // eslint-disable-next-line react/display-name
+        headerRight: () => (
+          <Button
+            onPress={() => {
+              logImEXEvent("imexmobile_setcamerajobid_jobheader");
+              setCameraJobId(route.params.jobId);
+              setCameraJob(route.params.job);
+              navigation.navigate("MediaBrowserTab");
+            }}
+          >
+            <Ionicons name="add" size={32} color="dodgerblue" />
+          </Button>
+        ),
+      })}
+    />
+  </ActiveJobStack.Navigator>
+));
+
+const MediaBrowserStackNavigator = () => (
+  <MediaBrowserStack.Navigator initialRouteName="MediaBrowser">
+    <MediaBrowserStack.Screen
+      name="MediaBrowser"
+      options={{ title: i18n.t("mediabrowser.titles.mediabrowsertab") }}
+      component={ScreenMediaBrowser}
+    />
+  </MediaBrowserStack.Navigator>
+);
+
+const MoreStackNavigator = () => (
+  <MoreStack.Navigator>
+    <MoreStack.Screen
+      name="Settings"
+      options={{
+        title: i18n.t("settings.titles.settings"),
+      }}
+      component={ScreenSettingsComponent}
+    />
+  </MoreStack.Navigator>
+);
+
+const BottomTabsNavigator = () => (
+  <BottomTabs.Navigator
+    screenOptions={({ route }) => ({
+      // eslint-disable-next-line react/display-name
+      tabBarIcon: ({ color, size }) => {
+        let iconName;
+        if (route.name === "JobTab") {
+          iconName = "list";
+        } else if (route.name === "MoreTab") {
+          iconName = "settings";
+        } else if (route.name === "MediaBrowserTab") {
+          iconName = "camera";
+        } else {
+          //iconName = "customerservice";
+        }
+
+        return <Ionicons name={iconName} size={size} color={color} />;
+      },
+    })}
+  >
+    <BottomTabs.Screen
+      name="JobTab"
+      options={{
+        title: i18n.t("joblist.titles.jobtab"),
+        headerShown: false,
+      }}
+      component={JobsTabNavigator}
+    />
+    <BottomTabs.Screen
+      name="MediaBrowserTab"
+      options={{
+        title: i18n.t("mediabrowser.titles.mediabrowsertab"),
+        headerShown: false,
+      }}
+      component={MediaBrowserStackNavigator}
+    />
+    <BottomTabs.Screen
+      name="MoreTab"
+      options={{ title: i18n.t("more.titles.moretab"), headerShown: false }}
+      component={MoreStackNavigator}
+    />
+  </BottomTabs.Navigator>
+);
+
+export function ScreenMainComponent({
+  checkUserSession,
+  currentUser,
+  bodyshop,
+}) {
+  useEffect(() => {
+    checkUserSession();
+  }, [checkUserSession]);
+
+  // useEffect(() => {
+  //   // LogRocket.init("idt6oy/imex-mobile", {
+  //   //   updateId: Updates.isEmbeddedLaunch ? null : Updates.updateId,
+  //   //   expoChannel: Updates.channel,
+  //   // });
+  // }, []);
+
+  return (
+    <NavigationContainer>
+      {currentUser.authorized === null ? (
+        <ScreenSplash />
+      ) : currentUser.authorized ? (
+        bodyshop ? (
+          HasAccess(bodyshop) ? (
+            <BottomTabsNavigator />
+          ) : (
+            <ScreenSplash noAccess />
+          )
+        ) : (
+          <ScreenSplash />
+        )
+      ) : (
+        <ScreenSignIn />
+      )}
+    </NavigationContainer>
+  );
+}
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ScreenMainComponent);
+
+function HasAccess({ features }) {
+  if (features.mobile === undefined || features.mobile === true) return true;
+  if (features.mobile === false) return false;
+  const d = moment(moment(features.mobile));
+  if (d.isValid()) return d.isAfter(moment());
+}