a262d22399
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
30 lines
650 B
JavaScript
30 lines
650 B
JavaScript
/**
|
|
* 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>
|
|
);
|
|
};
|