Dark mode fix for Glyph

Summary: <NoData /> didn't support dark mode, now it does.

Reviewed By: ivanmisuno

Differential Revision: D43186565

fbshipit-source-id: 9952535d8762d8510afcce03b6cde7b603292107
This commit is contained in:
Lorenzo Blasa
2023-02-10 06:04:04 -08:00
committed by Facebook GitHub Bot
parent ca602bffd0
commit 5fc0bcb631

View File

@@ -10,6 +10,7 @@
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;
@@ -17,7 +18,12 @@ type NoDataProps = {
export const NoData: React.FC<NoDataProps> = ({message}) => {
return (
<div style={{textAlign: 'center'}}>
<Glyph name="stop" size={24} style={{margin: 20}} />
<Glyph
name="stop"
size={24}
style={{margin: 20}}
color={theme.primaryColor}
/>
<p>{message}</p>
</div>
);