Fix eslint warning for communist-spelling/communist-spelling rule

Summary: Fixes eslint warnings

Reviewed By: passy

Differential Revision: D31760180

fbshipit-source-id: 635e842d626c58a2a8d2ea2543bf171237e93dc4
This commit is contained in:
Anton Kastritskiy
2021-10-19 09:39:15 -07:00
committed by Facebook GitHub Bot
parent bd66928464
commit 6facf5ed0f
8 changed files with 14 additions and 14 deletions

View File

@@ -133,7 +133,7 @@ function HealthcheckIcon(props: {checkResult: HealthcheckResult}) {
<Glyph <Glyph
size={16} size={16}
name={'question'} name={'question'}
color={colors.grey} color={colors.gray}
title={props.checkResult.message} title={props.checkResult.message}
/> />
); );

View File

@@ -12,7 +12,7 @@ import View from './View';
import {colors} from './colors'; import {colors} from './colors';
const Line = styled(View)<{color?: string}>(({color}) => ({ const Line = styled(View)<{color?: string}>(({color}) => ({
backgroundColor: color ? color : colors.greyTint2, backgroundColor: color ? color : colors.grayTint2,
height: 1, height: 1,
width: 'auto', width: 'auto',
flexShrink: 0, flexShrink: 0,

View File

@@ -17,7 +17,7 @@ export const StyledButton = styled.div<{toggled: boolean; large: boolean}>(
({large, toggled}) => ({ ({large, toggled}) => ({
width: large ? 60 : 30, width: large ? 60 : 30,
height: large ? 32 : 16, height: large ? 32 : 16,
background: toggled ? colors.green : colors.grey, background: toggled ? colors.green : colors.gray,
display: 'block', display: 'block',
borderRadius: '100px', borderRadius: '100px',
position: 'relative', position: 'relative',

View File

@@ -47,11 +47,11 @@ export const colors = {
purple: '#8C73C8', // Purple - Verbose purple: '#8C73C8', // Purple - Verbose
purpleTint: '#E8E3F4', purpleTint: '#E8E3F4',
purpleLight: '#ccc9d6', // purpleLight 90 - Highlighting row's background when it matches the query purpleLight: '#ccc9d6', // purpleLight 90 - Highlighting row's background when it matches the query
grey: '#88A2AB', // Grey - Debug gray: '#88A2AB', // Grey - Debug
greyTint: '#E7ECEE', grayTint: '#E7ECEE',
greyTint2: '#e5e5e5', // Grey - Can be used in demarcation with greyStackTraceTint grayTint2: '#e5e5e5', // Grey - Can be used in demarcation with greyStackTraceTint
greyTint3: '#515151', // Grey - Can be used as the color for the title grayTint3: '#515151', // Grey - Can be used as the color for the title
greyStackTraceTint: '#f5f6f8', // Grey - It is used as the background for the stacktrace in crash reporter plugin grayStackTraceTint: '#f5f6f8', // Grey - It is used as the background for the stacktrace in crash reporter plugin
cyan: '#4FC9EA', // Cyan - Info cyan: '#4FC9EA', // Cyan - Info
cyanTint: '#DCF4FB', // Cyan - Info cyanTint: '#DCF4FB', // Cyan - Info
// FIG UI Light // FIG UI Light

View File

@@ -15,7 +15,7 @@ import {
TableOnSort, TableOnSort,
TableRowSortOrder, TableRowSortOrder,
} from './types'; } from './types';
import {normaliseColumnWidth, isPercentage} from './utils'; import {normalizeColumnWidth, isPercentage} from './utils';
import {PureComponent} from 'react'; import {PureComponent} from 'react';
import ContextMenu from '../ContextMenu'; import ContextMenu from '../ContextMenu';
import {theme, _Interactive, _InteractiveProps} from 'flipper-plugin'; import {theme, _Interactive, _InteractiveProps} from 'flipper-plugin';
@@ -287,7 +287,7 @@ export default class TableHead extends PureComponent<{
); );
} }
const width = normaliseColumnWidth(columnSizes[key]); const width = normalizeColumnWidth(columnSizes[key]);
const isResizable = col.resizable !== false; const isResizable = col.resizable !== false;
const elem = ( const elem = (

View File

@@ -17,7 +17,7 @@ import React from 'react';
import FilterRow from '../filter/FilterRow'; import FilterRow from '../filter/FilterRow';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import FlexRow from '../FlexRow'; import FlexRow from '../FlexRow';
import {normaliseColumnWidth} from './utils'; import {normalizeColumnWidth} from './utils';
import {DEFAULT_ROW_HEIGHT} from './types'; import {DEFAULT_ROW_HEIGHT} from './types';
import {Property} from 'csstype'; import {Property} from 'csstype';
import {theme} from 'flipper-plugin'; import {theme} from 'flipper-plugin';
@@ -163,7 +163,7 @@ export default class TableRow extends React.PureComponent<Props> {
title={title} title={title}
multiline={multiline} multiline={multiline}
justifyContent={col && col.align ? col.align : 'flex-start'} justifyContent={col && col.align ? col.align : 'flex-start'}
width={normaliseColumnWidth(columnSizes[key])}> width={normalizeColumnWidth(columnSizes[key])}>
{isFilterable && onAddFilter != null ? ( {isFilterable && onAddFilter != null ? (
<FilterRow addFilter={onAddFilter} filterKey={key}> <FilterRow addFilter={onAddFilter} filterKey={key}>
{value} {value}

View File

@@ -7,7 +7,7 @@
* @format * @format
*/ */
export function normaliseColumnWidth( export function normalizeColumnWidth(
width: string | number | null | undefined, width: string | number | null | undefined,
): number | string { ): number | string {
if (width == null || width === 'flex') { if (width == null || width === 'flex') {

View File

@@ -183,6 +183,6 @@ const Cell = styled('button')({
backgroundColor: colors.highlight, backgroundColor: colors.highlight,
color: 'white', color: 'white',
':disabled': { ':disabled': {
backgroundColor: colors.greyTint2, backgroundColor: colors.grayTint2,
}, },
}); });