jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dark mode fix for Glyph

Browse Source 
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
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
desktop/plugins/public/ui-debugger/components/sidebar/inspector/NoData.tsx
View File

@@ -10,6 +10,7 @@
import React from 'react'; import React from 'react';
// eslint-disable-next-line rulesdir/no-restricted-imports-clone // eslint-disable-next-line rulesdir/no-restricted-imports-clone
import {Glyph} from 'flipper'; import {Glyph} from 'flipper';
import {theme} from 'flipper-plugin';
type NoDataProps = { type NoDataProps = {
message: string; message: string;
@@ -17,7 +18,12 @@ type NoDataProps = {
export const NoData: React.FC<NoDataProps> = ({message}) => { export const NoData: React.FC<NoDataProps> = ({message}) => {
return ( return (
<div style={{textAlign: 'center'}}> <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> <p>{message}</p>
</div> </div>
); );