Merge pull request #6 from thinkocapo/empower

Empower Plant UI/UX Refactor

Author: thinkocapo

README.md

@@ -1,5 +1,10 @@
 This is demo repo is used by Solution Engineers when demo'ing Sentry's [React Native](https://docs.sentry.io/platforms/react-native) SDK's capabilties. 
 
+<!-- ![Empower PLant](./img/empower-plant.png)  -->
+<img src="./img/empower-plant.png" width="200" height="400">
+
+[./img](./img) for more screenshots of Empower Plant
+
 ## Versions
 
 | dependency      | version           
@@ -75,12 +80,12 @@ npx react-native run-android --variant Release
 
 ## Expected Behavior
 
-Toolstore            |  Checkout
+EmpowerPlant            |  Checkout
 :-------------------------:|:-------------------------:
 ![list of tools](./img/toolstore.png)  |  ![checkout cart](./img/cart.png)| 
 
 ## Upgrade path
-1. npm install
+1. npm install, then `pod update` if `pod install` is failing. The pod updating depends on node_modules/@sentry/react-native being set.
 2. SDK Manager -> install 'emulator' or anything missing
 3. Review previous PR so you know what to expect 
 
@@ -149,4 +154,6 @@ You may run into issues if you haven't added sdk and sdk platform-tools to path:
 "error: Can't find the 'node' binary to build the React Native bundle." should be okay
 
 If tools don't load, then swipe-away (kill) the app, then relaunch from app menu in the emulator. If still fails, then go to AVD Manager and 'wipe' the device and run the emulator again.
-Could also be a problem with the backend container/app you're requesting the tools from (check that URL/Postman, check TDA job)
+Could also be a problem with the backend container/app you're requesting the tools from (check that URL/Postman, check TDA job)
+
+When developing locally, must point React Native to http://127.0.0.1:8080/products backend instead of https://localhost:8080/products backend.

img/empower-plant-cart.png

@@ -279,12 +279,12 @@ PODS:
     - React-Core
   - RNScreens (2.18.1):
     - React-Core
-  - RNSentry (2.4.0):
+  - RNSentry (3.1.0):
     - React-Core
-    - Sentry (= 6.1.4)
-  - Sentry (6.1.4):
-    - Sentry/Core (= 6.1.4)
-  - Sentry/Core (6.1.4)
+    - Sentry (= 7.2.6)
+  - Sentry (7.2.6):
+    - Sentry/Core (= 7.2.6)
+  - Sentry/Core (7.2.6)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
@@ -438,8 +438,8 @@ SPEC CHECKSUMS:
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
   RNReanimated: 514a11da3a2bcc6c3dfd9de32b38e2b9bf101926
   RNScreens: f7ad633b2e0190b77b6a7aab7f914fad6f198d8d
-  RNSentry: b0d55027200c96f52e26b9bfb20296d47fc5051d
-  Sentry: 9d055e2de30a77685e86b219acf02e59b82091fc
+  RNSentry: a3c522c9f17f191e4972c3e4d6065aba253b593e
+  Sentry: be2f8f7a63e5274cc83d0813e40c1680119c0153
   Yoga: 8c8436d4171c87504c648ae23b1d81242bdf3bbf
 
 PODFILE CHECKSUM: c50650cff1554a5b7988845b549ad6296a091b9d

img/empower-plant-contactinfo.png

@@ -13,8 +13,8 @@
     "@react-native-community/masked-view": "^0.1.10",
     "@react-navigation/native": "^5.7.3",
     "@react-navigation/stack": "^5.9.0",
-    "@sentry/react-native": "2.4.0",
-    "react": "16.13.1",
+    "@sentry/react-native": "3.1.0",
+    "react": "17.0.1",
     "react-native": "0.64.0",
     "react-native-gesture-handler": "^1.7.0",
     "react-native-linear-gradient": "^2.5.6",
@@ -34,7 +34,7 @@
     "eslint": "^6.5.1",
     "jest": "^25.1.0",
     "metro-react-native-babel-preset": "^0.59.0",
-    "react-test-renderer": "16.13.1"
+    "react-test-renderer": "17.0.1"
   },
   "jest": {
     "preset": "react-native"

img/empower-plant.png

@@ -15,8 +15,9 @@ import ManualTrackerScreen from './screens/ManualTrackerScreen';
 import PerformanceTimingScreen from './screens/PerformanceTimingScreen';
 import EndToEndTestsScreen from './screens/EndToEndTestsScreen';
 import ReduxScreen from './screens/ReduxScreen';
-import ToolStore from './screens/ToolStore';
+import EmpowerPlant from './screens/EmpowerPlant';
 import CartScreen from './screens/CartScreen';
+import CheckoutScreen from './screens/CheckoutScreen';
 import Toast from 'react-native-toast-message';
 
 import {store} from './reduxApp';
@@ -35,7 +36,6 @@ Sentry.init({
   release: packageVersion,
   environment: "dev",
   beforeSend: (e) => {
-    console.log(e);
     return e;
   },
   integrations: [
@@ -56,7 +56,7 @@ Sentry.init({
   enableAutoSessionTracking: true, // For testing, session close when 5 seconds (instead of the default 30) in the background.
   sessionTrackingIntervalMillis: 5000,
   maxBreadcrumbs: 150, // Extend from the default 100 breadcrumbs.
-  debug: true
+  // debug: true
   // dist: `${packageVersion}.0`, // optional.. Make sure this matches EXACTLY with the values on your sourcemaps
 });
 
@@ -85,8 +85,9 @@ const App = () => {
           />
           <Stack.Screen name="Redux" component={ReduxScreen} />
           <Stack.Screen name="EndToEndTests" component={EndToEndTestsScreen} />
-          <Stack.Screen name="ToolStore" component={ToolStore} />
+          <Stack.Screen name="Products" component={EmpowerPlant} />
           <Stack.Screen name="Cart" component={CartScreen} />
+          <Stack.Screen name="Checkout" component={CheckoutScreen} />
         </Stack.Navigator>
         <Toast ref={(ref) => Toast.setRef(ref)} />
       </NavigationContainer>