From 0fbe0d1edc449669ae9498d20eb259e3458ac441 Mon Sep 17 00:00:00 2001
From: luismanez <luis.manez@outlook.com>
Date: Mon, 28 Sep 2020 14:51:38 +0200
Subject: [PATCH] Get Email body and set it as To Do Task content

---
 .../src/webparts/createTask/CreateTaskWebPart.ts       | 10 ++++++++--
 .../src/webparts/createTask/components/CreateTask.tsx  | 10 +++-------
 .../src/webparts/createTask/models/IMailItem.ts        |  1 +
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/samples/react-outlook-add-todo-task/src/webparts/createTask/CreateTaskWebPart.ts b/samples/react-outlook-add-todo-task/src/webparts/createTask/CreateTaskWebPart.ts
index 86d03bc0a..766b56573 100644
--- a/samples/react-outlook-add-todo-task/src/webparts/createTask/CreateTaskWebPart.ts
+++ b/samples/react-outlook-add-todo-task/src/webparts/createTask/CreateTaskWebPart.ts
@@ -20,12 +20,17 @@ export interface ICreateTaskWebPartProps {
 export default class CreateTaskWebPart extends BaseClientSideWebPart<ICreateTaskWebPartProps> {
 
   private _graphHttpClient: MSGraphClient;
+  private _mailBody: string;
 
   protected onInit(): Promise<void> {
     return new Promise((resolve, reject) => {
       this.context.msGraphClientFactory.getClient().then(client => {
         this._graphHttpClient = client;
-        resolve();
+        const mailboxItem: Office.MessageRead = this.context.sdks.office.context.mailbox.item;
+        mailboxItem.body.getAsync(Office.CoercionType.Text, (asyncResult: Office.AsyncResult<string>) => {
+          this._mailBody = asyncResult.value;
+          resolve();
+        });
       }).catch(error => {
         console.log(error);
         reject(error);
@@ -43,7 +48,8 @@ export default class CreateTaskWebPart extends BaseClientSideWebPart<ICreateTask
           id: mailboxItem.itemId,
           subject: mailboxItem.subject,
           from: mailboxItem.from.emailAddress,
-          to: mailboxItem.to[0].emailAddress
+          to: mailboxItem.to[0].emailAddress,
+          body: this._mailBody
         }
       };
       return context;
diff --git a/samples/react-outlook-add-todo-task/src/webparts/createTask/components/CreateTask.tsx b/samples/react-outlook-add-todo-task/src/webparts/createTask/components/CreateTask.tsx
index fe14c48a3..4744fd3e9 100644
--- a/samples/react-outlook-add-todo-task/src/webparts/createTask/components/CreateTask.tsx
+++ b/samples/react-outlook-add-todo-task/src/webparts/createTask/components/CreateTask.tsx
@@ -17,8 +17,6 @@ import {
   MessageBarType
 } from "office-ui-fabric-react";
 
-import { MSGraphClient } from "@microsoft/sp-http";
-
 export default class CreateTask extends React.Component<
   ICreateTaskProps,
   ICreateTaskState
@@ -30,10 +28,8 @@ export default class CreateTask extends React.Component<
       listItemAdded: false,
       selectedList: undefined,
       todoLists: [],
-      newTaskTitle: this.props.context.item
-        ? this.props.context.item.subject
-        : "New Task title here!",
-        showSelectListError: false
+      newTaskTitle: this.props.context.item ? this.props.context.item.subject : "New Task title here!",
+      showSelectListError: false
     };
 
     this._onDropdownChange = this._onDropdownChange.bind(this);
@@ -166,7 +162,7 @@ export default class CreateTask extends React.Component<
         status: "notStarted",
         title: taskTitle,
         body: {
-          content: "You have a new task to do added from SPFx component!",
+          content: this.props.context.item.body,
           contentType: "text",
         },
       };
diff --git a/samples/react-outlook-add-todo-task/src/webparts/createTask/models/IMailItem.ts b/samples/react-outlook-add-todo-task/src/webparts/createTask/models/IMailItem.ts
index 89ece7ca0..99e866cc6 100644
--- a/samples/react-outlook-add-todo-task/src/webparts/createTask/models/IMailItem.ts
+++ b/samples/react-outlook-add-todo-task/src/webparts/createTask/models/IMailItem.ts
@@ -3,4 +3,5 @@ export interface IMailItem {
   subject: string;
   from: string;
   to: string;
+  body: string;
 }