Alphabetize bookmarks

Summary: The bookmarks would appear in different order upon reloading the app. Here I have a fixed order.

Reviewed By: jknoxville

Differential Revision: D16540496

fbshipit-source-id: ebc3e1065dbd2ae76b919a943c2cc7f81d857ca8

src/plugins/navigation/components/BookmarksSidebar.js

@@ -53,6 +53,10 @@ const BookmarksList = styled('div')({
   },
 });
 
+const alphabetizeBookmarkCompare = (b1: Bookmark, b2: Bookmark) => {
+  return b1.uri < b2.uri ? -1 : b1.uri > b2.uri ? 1 : 0;
+};
+
 export default (props: Props) => {
   const {bookmarks, onNavigate} = props;
   return (
@@ -61,7 +65,9 @@ export default (props: Props) => {
         <NoData grow>No Bookmarks</NoData>
       ) : (
         <BookmarksList>
-          {[...bookmarks.values()].map(bookmark => (
+          {[...bookmarks.values()]
+            .sort(alphabetizeBookmarkCompare)
+            .map(bookmark => (
               <div
                 className="bookmark-container"
                 role="button"
@@ -69,7 +75,9 @@ export default (props: Props) => {
                 onClick={() => {
                   onNavigate(bookmark.uri);
                 }}>
-              <div className="bookmark-common-name">{bookmark.commonName}</div>
+                <div className="bookmark-common-name">
+                  {bookmark.commonName}
+                </div>
                 <div className="bookmark-uri">{bookmark.uri}</div>
               </div>
             ))}