Added BookmarksSidebar component

Summary:
This is another WIP. Here I construct a skeleton functional component which currently just displays that there is no bookmark information.

I have also placed the component into the layout.

Reviewed By: jknoxville

Differential Revision: D16419794

fbshipit-source-id: fe1722255bde2b8363e5514c284a242f077e5185

src/plugins/navigation/components/BookmarksSidebar.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ * @flow strict-local
+ */
+
+import {DetailSidebar, FlexCenter, styled, colors} from 'flipper';
+
+import type {Bookmark} from '../';
+
+type Props = {|
+  bookmarks: Array<Bookmark>,
+|};
+
+const NoData = styled(FlexCenter)({
+  fontSize: 18,
+  color: colors.macOSTitleBarIcon,
+});
+
+export default (props: Props) => {
+  const {bookmarks} = props;
+  return (
+    <DetailSidebar>
+      {bookmarks.length === 0 ? <NoData grow>No Bookmarks</NoData> : null}
+    </DetailSidebar>
+  );
+};