Change samples to use github avatars

The endpoint used to get Facebook photos doesn't work anymore, so use a github id and avatar url instead.

Author: radnor

src/React.Sample.Cassette/Content/Sample.jsx

@@ -102,6 +102,6 @@ var Avatar = React.createClass({
 		);
 	},
 	getPhotoUrl: function(author) {
-		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
+		return 'https://avatars.githubusercontent.com/' + author.GithubUsername + '?s=50';
 	}
 });

src/React.Sample.Mvc4/Content/Sample.jsx

@@ -101,6 +101,6 @@ var Avatar = React.createClass({
 		);
 	},
 	getPhotoUrl(author) {
-		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
+		return 'https://avatars.githubusercontent.com/' + author.GithubUsername + '?s=50';
 	}
 });

src/React.Sample.Mvc4/Controllers/HomeController.cs

@@ -21,7 +21,7 @@ namespace React.Sample.Mvc4.Models
 	public class AuthorModel
 	{
 		public string Name { get; set; }
-		public string Facebook { get; set; }
+		public string GithubUsername { get; set; }
 	}
 	public class CommentModel
 	{
@@ -54,11 +54,11 @@ public HomeController()
 			// For clarity, we'll just use a hard-coded list.
 			_authors = new Dictionary<string, AuthorModel>
 			{
-				{"daniel", new AuthorModel { Name = "Daniel Lo Nigro", Facebook = "daaniel" }},
-				{"vjeux", new AuthorModel { Name = "Christopher Chedeau", Facebook = "vjeux" }},
-				{"cpojer", new AuthorModel { Name = "Christoph Pojer", Facebook = "cpojer" }},
-				{"jordwalke", new AuthorModel { Name = "Jordan Walke", Facebook = "jordwalke" }},
-				{"zpao", new AuthorModel { Name = "Paul O'Shannessy", Facebook = "zpao" }},
+				{"daniel", new AuthorModel { Name = "Daniel Lo Nigro", GithubUsername = "Daniel15" }},
+				{"vjeux", new AuthorModel { Name = "Christopher Chedeau", GithubUsername = "vjeux" }},
+				{"cpojer", new AuthorModel { Name = "Christoph Pojer", GithubUsername = "cpojer" }},
+				{"jordwalke", new AuthorModel { Name = "Jordan Walke", GithubUsername = "jordwalke" }},
+				{"zpao", new AuthorModel { Name = "Paul O'Shannessy", GithubUsername = "zpao" }},
 			};
 		    _comments = new List<CommentModel>
 		    {

src/React.Sample.Mvc6/Controllers/HomeController.cs

@@ -21,7 +21,7 @@ namespace React.Sample.Mvc6.Models
 	public class AuthorModel
 	{
 		public string Name { get; set; }
-		public string Facebook { get; set; }
+		public string GithubUsername { get; set; }
 	}
 	public class CommentModel
 	{
@@ -54,11 +54,11 @@ public HomeController()
 			// For clarity, we'll just use a hard-coded list.
 			_authors = new Dictionary<string, AuthorModel>
 			{
-				{"daniel", new AuthorModel { Name = "Daniel Lo Nigro", Facebook = "daaniel" }},
-				{"vjeux", new AuthorModel { Name = "Christopher Chedeau", Facebook = "vjeux" }},
-				{"cpojer", new AuthorModel { Name = "Christoph Pojer", Facebook = "cpojer" }},
-				{"jordwalke", new AuthorModel { Name = "Jordan Walke", Facebook = "jordwalke" }},
-				{"zpao", new AuthorModel { Name = "Paul O'Shannessy", Facebook = "zpao" }},
+				{"daniel", new AuthorModel { Name = "Daniel Lo Nigro", GithubUsername = "Daniel15" }},
+				{"vjeux", new AuthorModel { Name = "Christopher Chedeau", GithubUsername = "vjeux" }},
+				{"cpojer", new AuthorModel { Name = "Christoph Pojer", GithubUsername = "cpojer" }},
+				{"jordwalke", new AuthorModel { Name = "Jordan Walke", GithubUsername = "jordwalke" }},
+				{"zpao", new AuthorModel { Name = "Paul O'Shannessy", GithubUsername = "zpao" }},
 			};
 			_comments = new List<CommentModel>
 			{

src/React.Sample.Mvc6/wwwroot/js/Sample.jsx

@@ -101,6 +101,6 @@ var Avatar = React.createClass({
 		);
 	},
 	getPhotoUrl(author) {
-		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
+		return 'https://avatars.githubusercontent.com/' + author.GithubUsername + '?s=50';
 	}
 });

src/React.Sample.Owin/CommentsMiddleware.cs

@@ -23,7 +23,7 @@ namespace React.Sample.Owin.Models
     public class AuthorModel
     {
         public string Name { get; set; }
-        public string Facebook { get; set; }
+        public string GithubUsername { get; set; }
     }
     public class CommentModel
     {
@@ -49,11 +49,11 @@ public CommentsMiddleware(Func<IDictionary<string, object>, Task> next)
             // For clarity, we'll just use a hard-coded list.
             var authors = new Dictionary<string, AuthorModel>
             {
-                {"daniel", new AuthorModel { Name = "Daniel Lo Nigro", Facebook = "daaniel" }},
-                {"vjeux", new AuthorModel { Name = "Christopher Chedeau", Facebook = "vjeux" }},
-                {"cpojer", new AuthorModel { Name = "Christoph Pojer", Facebook = "cpojer" }},
-                {"jordwalke", new AuthorModel { Name = "Jordan Walke", Facebook = "jordwalke" }},
-                {"zpao", new AuthorModel { Name = "Paul O'Shannessy", Facebook = "zpao" }},
+                {"daniel", new AuthorModel { Name = "Daniel Lo Nigro", GithubUsername = "Daniel15" }},
+                {"vjeux", new AuthorModel { Name = "Christopher Chedeau", GithubUsername = "vjeux" }},
+                {"cpojer", new AuthorModel { Name = "Christoph Pojer", GithubUsername = "cpojer" }},
+                {"jordwalke", new AuthorModel { Name = "Jordan Walke", GithubUsername = "jordwalke" }},
+                {"zpao", new AuthorModel { Name = "Paul O'Shannessy", GithubUsername = "zpao" }},
             };
 
             _comments = new List<CommentModel>

src/React.Sample.Owin/Content/Sample.jsx

@@ -104,6 +104,6 @@ var Avatar = React.createClass({
 		);
 	},
 	getPhotoUrl(author) {
-		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
+		return 'https://avatars.githubusercontent.com/' + author.GithubUsername + '?s=50';
 	}
 });

src/React.Sample.Webpack/Content/components/Avatar.jsx

@@ -25,7 +25,7 @@ var Avatar = React.createClass({
 		);
 	},
 	getPhotoUrl(author) {
-		return 'http://graph.facebook.com/' + author.Facebook + '/picture';
+		return 'https://avatars.githubusercontent.com/' + author.GithubUsername + '?s=50';
 	}
 });