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

StatusIndicator

Browse Source 
Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16830064

fbshipit-source-id: 947a7af91e4bdffedc321db369d79da4584d64f7
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent fae45bc5ac
commit 00c2a4dd29
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/components/StatusIndicator.js → src/ui/components/StatusIndicator.tsx
View File

@@ -6,16 +6,16 @@
*/ */
import {colors, styled} from 'flipper'; import {colors, styled} from 'flipper';
import type {Element} from 'react'; import {BackgroundColorProperty, HeightProperty} from 'csstype';
type Props = { type Props = {
statusColor: string, statusColor: BackgroundColorProperty;
diameter?: number | string, diameter?: HeightProperty<number>;
title?: string, title?: string;
}; };
const StatusIndicator: Props => Element<'div'> = styled('div')( const StatusIndicator = styled('div')(
({statusColor, diameter = 10, title}) => ({ ({statusColor, diameter = 10, title}: Props) => ({
alignSelf: 'center', alignSelf: 'center',
backgroundColor: statusColor, backgroundColor: statusColor,
border: `1px solid ${colors.blackAlpha30}`, border: `1px solid ${colors.blackAlpha30}`,

2
src/ui/index.js
View File

@@ -133,7 +133,7 @@ export {default as ModalOverlay} from './components/ModalOverlay.tsx';
export {default as Tooltip} from './components/Tooltip.js'; export {default as Tooltip} from './components/Tooltip.js';
export {default as TooltipProvider} from './components/TooltipProvider.js'; export {default as TooltipProvider} from './components/TooltipProvider.js';
export {default as ResizeSensor} from './components/ResizeSensor.tsx'; export {default as ResizeSensor} from './components/ResizeSensor.tsx';
export {default as StatusIndicator} from './components/StatusIndicator.js'; export {default as StatusIndicator} from './components/StatusIndicator.tsx';
// typography // typography
export {default as HorizontalRule} from './components/HorizontalRule.js'; export {default as HorizontalRule} from './components/HorizontalRule.js';