[project] updated app.js

app.js

@@ -1,33 +1,36 @@
 import pangea from 'pangea-sdk'
 
 const {
-    renderUI,
-    View,
-    Text,
     setOpenHandler,
-    setMessageHandler,
-    showModal,
+    newModalUIID,
+    renderModal,
+    Modal,
+    Container
 } = pangea;
 
-// this handler will be called
-// when the user opens your DApp
-setOpenHandler((payload, cb) => {
-
-    // layout that will be rendered
-    const layout = new View(
-        {},
-        [
-            new Text(
-                {},
-                "Hi there"
-            ),
-            new Text(
-                {},
-                "This is the Pange VM"
-            )
-        ]
-    );
-
-    showModal("Select Action", renderUI(layout), cb)
+
+class DemoModal extends Modal {
+    render(){
+        return (
+            <Text>Hi there</Text>
+        )
+    }
+}
+
+setOpenHandler((cb) => {
+
+    // obtain a new modal id
+    newModalUIID((error, modalUIID) => {
+
+        if (error){
+            return cb(error)
+        }
+
+        renderModal(<DemoModal container={new Container(modalUIID)}/>, () => {
+            // once the modal got rendered, we can "close" the open process
+            cb()
+        })
+
+    })
 
 });

package.json

@@ -18,7 +18,7 @@
     "webpack-cli": "^2.0.10"
   },
   "dependencies": {
-    "pangea-sdk": "^0.2.0",
+    "pangea-sdk": "^0.6.0",
     "truffle": "^4.1.13"
   },
   "pangea_dapp": {