Merge pull request #23 from sentry-demos/feat_set_useremail_override

Feat: Set user context

Author: thinkocapo

android/sentry.properties

@@ -1,4 +1,4 @@
 defaults.url=https://sentry.io/
 defaults.org=testorg-az
-defaults.project=dustin-react-native
+defaults.project=react-native
 auth.token=XXXX

ios/sentry.properties

@@ -1,4 +1,4 @@
 defaults.url=https://sentry.io/
 defaults.org=testorg-az
-defaults.project=dustin-react-native
+defaults.project=react-native
 auth.token=XXXX

src/App.tsx

@@ -74,7 +74,14 @@ const Stack = createStackNavigator();
 
 const App = () => {
   const navigation = React.useRef();
-  
+
+  Sentry.configureScope(scope => {
+    const customerType = ["medium-plan", "large-plan", "small-plan", "enterprise"][Math.floor(Math.random() * 4)]
+    scope.setTag("customerType", customerType )
+    let email = Math.random().toString(36).substring(2, 6) + "@yahoo.com";
+    scope.setUser({ email: email })
+  })
+
 
   return (
     <Provider store={store}>

src/reduxApp.ts

@@ -17,15 +17,15 @@ const initialState = {
 };
 
 const reducer = (state = initialState, action) => {
-  let {payload,type} = action;
+  let {payload,type,onScope} = action;
 
   switch (type) {
     case 'FILL_FIELDS':
       if (payload == 'dummydata') {
         return { 
           ...state, 
           contactInfo: {
-            email: Math.random().toString(36).substring(2, 6) + "@yahoo.com",
+            email: onScope ? onScope:Math.random().toString(36).substring(2, 6) + "@yahoo.com",
             firstName:"john",
             lastName:"doe",
             address:"123 Hope St",

src/screens/CheckoutScreen.tsx

@@ -45,6 +45,11 @@ const CheckoutScreen = (props) => {
   const contactInfoData = useSelector((state: RootState) => state.contactInfo);
   const [orderStatusUI, setOrderStatusUI] = React.useState(false);
 
+  let se, customerType, email
+  Sentry.withScope(function(scope) {
+    [ se, customerType ] = [scope._tags.se, scope._tags.customerType ]
+    email = scope._user.email
+  });
   const performCheckoutOnServer = async () => {
         // ----------- Sentry Start Transaction ------------------------
         let transaction = Sentry.startTransaction({name: 'checkout'});
@@ -63,8 +68,12 @@ const CheckoutScreen = (props) => {
     };
 
     const placeOrder = async (
+     
         uiToast: null | UIToast = null,
       ): Promise<Response> => {
+
+       
+
         setOrderStatusUI(true);
 
         const cart = Object.values(cartData)
@@ -87,7 +96,9 @@ const CheckoutScreen = (props) => {
             method: 'POST',
             headers: {
               'Content-Type': 'application/json',
-              email: contactInfoData['email'],
+              email,
+              se,
+              customerType
             },
             body: JSON.stringify(data),
           },
@@ -170,7 +181,7 @@ const CheckoutScreen = (props) => {
                                 value={contactInfoData[item.key] || ""}
                                 placeholder={item.placeholder}
                                 onPressIn={() => {
-                                    dispatch({ type: 'FILL_FIELDS', payload: 'dummydata' })}
+                                    dispatch({ type: 'FILL_FIELDS', payload: 'dummydata', onScope:email ? email:null})}
                                 }
                             />
                             </SafeAreaView>

src/screens/EmpowerPlant.tsx

@@ -40,10 +40,15 @@ const EmpowerPlant = ({navigation}) => {
 
   const loadData = () => {
     setProductData(null);
+    let se, customerType, email;
+    Sentry.withScope(function(scope) {
+      [ se, customerType ] = [scope._tags.se, scope._tags.customerType ]
+      email = scope._user.email
+    });
 
     fetch(`${BACKEND_URL}/products`, {
       method: 'GET',
-      headers: { se:'willreactnative', customerType:'enterprise', email:'[email protected]', "Content-Type": "application/json" },
+      headers: { se, customerType, email, "Content-Type": "application/json" },
     })
       .then((response) => response.json())
       .then((json) => {