From 3f1c5e5c6af26bdcf51ba91b462127991e308c08 Mon Sep 17 00:00:00 2001
From: Adam Comella <adcom@microsoft.com>
Date: Tue, 18 Aug 2015 15:51:10 -0700
Subject: [PATCH] Upgrade address-book example from NavBarCommand to
 SplitView.Command

---
 examples/address-book/index.jsx | 16 ++++++++--------
 examples/address-book/main.css  |  4 ----
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/examples/address-book/index.jsx b/examples/address-book/index.jsx
index f86d22f..9b10868 100644
--- 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
index 2bcb7e8..9dc4f3b 100644
--- 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