Upgrade address-book example from NavBarCommand to SplitView.Command

winjs · Aug 18, 2015 · 3f1c5e5 · 3f1c5e5
1 parent ad31a71
commit 3f1c5e5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/examples/address-book/index.jsx b/examples/address-book/index.jsx
@@ -149,24 +149,24 @@ var App = React.createClass({
     render: function () {
         var paneComponent = (
             <div>
-                <ReactWinJS.NavBarCommand
+                <ReactWinJS.SplitView.Command
                     label="People"
                     icon="contact"
-                    onClick={this.handleCommandInvoked.bind(null, ["people"])} />
-                <ReactWinJS.NavBarCommand
+                    onInvoked={this.handleCommandInvoked.bind(null, ["people"])} />
+                <ReactWinJS.SplitView.Command
                     label="What's New"
                     icon="comment"
-                    onClick={this.handleCommandInvoked.bind(null, ["new"])} />
-                <ReactWinJS.NavBarCommand
+                    onInvoked={this.handleCommandInvoked.bind(null, ["new"])} />
+                <ReactWinJS.SplitView.Command
                     label="Groups"
                     icon="people"
-                    onClick={this.handleCommandInvoked.bind(null, ["groups"])} />
+                    onInvoked={this.handleCommandInvoked.bind(null, ["groups"])} />
 
-                <ReactWinJS.NavBarCommand
+                <ReactWinJS.SplitView.Command
                     style={{position: "absolute", bottom: 0, width: "100%"}}
                     label="Settings"
                     icon="settings"
-                    onClick={this.handleCommandInvoked.bind(null, ["settings"])} />
+                    onInvoked={this.handleCommandInvoked.bind(null, ["settings"])} />
             </div>
         );
 

diff --git a/examples/address-book/main.css b/examples/address-book/main.css
@@ -2,10 +2,6 @@
     height: 100%;
 }
 
-.win-navbarcommand-button {
-    background-color: transparent;
-}
-
 /*
  * BackButton
  *  Ensure it's the same size as the SplitViewPaneToggle