update to 1.3 and mgt-react (#481)

Co-authored-by: Elise Yang <[email protected]>
Co-authored-by: Shane Weaver <[email protected]>

Author: 3 people

samples/react-app/package.json

@@ -1,9 +1,10 @@
 {
   "name": "react-app",
-  "version": "0.1.0",
+  "version": "1.3.0",
   "private": true,
   "dependencies": {
-    "@microsoft/mgt": "0.1.0-preview.8",
+    "@microsoft/mgt": "^1.3.0-preview.3",
+    "@microsoft/mgt-react": "^1.3.0-preview.3",
     "@webcomponents/webcomponentsjs": "2.2.10",
     "react": "^16.8.5",
     "react-app-polyfill": "1.0.1",

samples/react-app/src/App.js

@@ -1,24 +1,24 @@
 import React, { Component } from 'react';
-import "@microsoft/mgt";
+import { Login, Agenda, Person} from '@microsoft/mgt-react';
+import { PersonViewType } from '@microsoft/mgt';
 
 class App extends Component {
   render() {
+
+    const personDetails = {
+      displayName: 'Nikola Metulev'
+    };
+
     return (
       <div className="App">
-          <mgt-login ref="loginComponent"></mgt-login>
-          <mgt-agenda group-by-day></mgt-agenda>
+          <Login loginCompleted={()=> console.log('login completed')}/>
+          <Agenda groupByDay="true"/>
 
 
-          <mgt-person show-name ref={el => el.personDetails = {displayName: 'Nikola Metulev'}}></mgt-person>
+          <Person personDetails={personDetails} view={PersonViewType.oneline}/>
       </div>
     );
   }
-
-  componentDidMount() {
-    this.refs.loginComponent.addEventListener('loginCompleted', e => {
-      console.log('logincompleted');
-  });
-  }
 }
 
 export default App;