5fc0bcb631
Summary: <NoData /> didn't support dark mode, now it does. Reviewed By: ivanmisuno Differential Revision: D43186565 fbshipit-source-id: 9952535d8762d8510afcce03b6cde7b603292107
31 lines
690 B
TypeScript
31 lines
690 B
TypeScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
*/
|
|
|
|
import React from 'react';
|
|
// eslint-disable-next-line rulesdir/no-restricted-imports-clone
|
|
import {Glyph} from 'flipper';
|
|
import {theme} from 'flipper-plugin';
|
|
|
|
type NoDataProps = {
|
|
message: string;
|
|
};
|
|
export const NoData: React.FC<NoDataProps> = ({message}) => {
|
|
return (
|
|
<div style={{textAlign: 'center'}}>
|
|
<Glyph
|
|
name="stop"
|
|
size={24}
|
|
style={{margin: 20}}
|
|
color={theme.primaryColor}
|
|
/>
|
|
<p>{message}</p>
|
|
</div>
|
|
);
|
|
};
|