Improved Playground. Added document title.

Author: syrusakbary

docs/pages/playground.js

@@ -1 +1,13 @@
-module.exports = require('playground-wrapper');
+import React from 'react';
+import DocumentTitle from 'react-document-title';
+import PlaygroundWrapper from 'playground-wrapper';
+
+class Playground extends React.Component {
+  render() {
+    return <DocumentTitle title="Playground - Graphene">
+      <PlaygroundWrapper />
+    </DocumentTitle>;
+  }
+}
+
+module.exports = Playground;

docs/playground/wrapper.js

@@ -1,8 +1,6 @@
-// require.ensure([], function(require) {
-//   require.include('../playground/page');
-// });  
-var React = require('react');
-class App extends React.Component {
+import React from 'react';
+
+class PlaygroundWrapper extends React.Component {
   constructor() {
     super();
     this.state = { currentComponent: null };
@@ -19,4 +17,5 @@ class App extends React.Component {
     return Current?<Current />:null;
   }
 }
-module.exports = App;
+
+module.exports = PlaygroundWrapper;