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
size={16}
name={'question'}
color={colors.grey}
color={colors.gray}
title={props.checkResult.message}
/>
);

View File

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

View File

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

View File

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

View File

@@ -15,7 +15,7 @@ import {
TableOnSort,
TableRowSortOrder,
} from './types';
import {normaliseColumnWidth, isPercentage} from './utils';
import {normalizeColumnWidth, isPercentage} from './utils';
import {PureComponent} from 'react';
import ContextMenu from '../ContextMenu';
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 elem = (

View File

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

View File

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

View File

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