Handle situation when email is removed from user (#631)

locale/defaultMessages.json

@@ -2586,6 +2586,9 @@
   "src_dot_home_dot_components_dot_HomeActivityCard_dot_draft": {
     "string": "Order #{orderId} was placed from draft by {userEmail}"
   },
+  "src_dot_home_dot_components_dot_HomeActivityCard_dot_draft_no_email": {
+    "string": "Order #{orderId} was placed from draft"
+  },
   "src_dot_home_dot_components_dot_HomeActivityCard_dot_paid": {
     "string": "Order #{orderId} was fully paid"
   },

src/home/components/HomeActivityCard/activityMessages.ts

@@ -7,6 +7,9 @@ const messages = defineMessages({
   draft: {
     defaultMessage: "Order #{orderId} was placed from draft by {userEmail}"
   },
+  draft_no_email: {
+    defaultMessage: "Order #{orderId} was placed from draft"
+  },
   paid: {
     defaultMessage: "Order #{orderId} was fully paid"
   },
@@ -29,10 +32,17 @@ export const getActivityMessage = (
         orderId: activity.orderNumber
       });
     case OrderEventsEnum.PLACED_FROM_DRAFT:
-      return intl.formatMessage(messages.draft, {
+      if (!!activity.user?.email) {
-        orderId: activity.orderNumber,
+        return intl.formatMessage(messages.draft, {
-        userEmail: activity.user.email
+          orderId: activity.orderNumber,
-      });
+          userEmail: activity.user?.email
+        });
+      } else {
+        return intl.formatMessage(messages.draft_no_email, {
+          orderId: activity.orderNumber
+        });
+      }
+
     default:
       return activity.message;
   }

src/home/fixtures.ts

@@ -193,6 +193,28 @@ export const shop: (placeholderImage: string) => Home = (
           }
         }
       },
+      {
+        __typename: "OrderEventCountableEdge",
+        node: {
+          __typename: "OrderEvent",
+          amount: null,
+          composedId: null,
+          date: "2018-10-12T15:51:11.665838+00:00",
+          email: null,
+          emailType: null,
+          id: "T3JkZXJFdmVudDo3Nw==",
+          message: null,
+          orderNumber: "15",
+          oversoldItems: null,
+          quantity: null,
+          type: OrderEventsEnum.PLACED_FROM_DRAFT,
+          user: {
+            __typename: "User",
+            email: null,
+            id: "VXNlcjoyMQ=="
+          }
+        }
+      },
       {
         __typename: "OrderEventCountableEdge",
         node: {

src/storybook/__snapshots__/Stories.test.ts.snap

@@ -64853,6 +64853,30 @@ exports[`Storyshots Views / HomePage default 1`] = `
                 </div>
               </div>
             </li>
+            <li
+              class="MuiListItem-root-id MuiListItem-dense-id MuiListItem-gutters-id"
+            >
+              <div
+                class="MuiListItemText-root-id MuiListItemText-dense-id MuiListItemText-multiline-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Order #15 was placed from draft
+                </div>
+                <div
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                >
+                  <time
+                    class=""
+                    datetime="1539359471665"
+                    title="Oct 12, 2018 11:51 AM"
+                  >
+                    in 2 months
+                  </time>
+                </div>
+              </div>
+            </li>
             <li
               class="MuiListItem-root-id MuiListItem-dense-id MuiListItem-gutters-id"
             >
@@ -66158,6 +66182,30 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
                 </div>
               </div>
             </li>
+            <li
+              class="MuiListItem-root-id MuiListItem-dense-id MuiListItem-gutters-id"
+            >
+              <div
+                class="MuiListItemText-root-id MuiListItemText-dense-id MuiListItemText-multiline-id"
+              >
+                <div
+                  class="MuiTypography-root-id MuiTypography-body1-id"
+                >
+                  Order #15 was placed from draft
+                </div>
+                <div
+                  class="MuiTypography-root-id MuiListItemText-secondary-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
+                >
+                  <time
+                    class=""
+                    datetime="1539359471665"
+                    title="Oct 12, 2018 11:51 AM"
+                  >
+                    in 2 months
+                  </time>
+                </div>
+              </div>
+            </li>
             <li
               class="MuiListItem-root-id MuiListItem-dense-id MuiListItem-gutters-id"
             >