mirror of
https://github.com/apache/superset.git
synced 2026-04-18 23:55:00 +00:00
chore: bump @typescript-eslint/eslint-plugin 5.3.0 (#1457)
* chore: bump eslint 5.3.0 * fix lint
This commit is contained in:
@@ -5,3 +5,4 @@ esm/
|
||||
lib/
|
||||
tmp/
|
||||
dist/
|
||||
temporary-plugins/
|
||||
@@ -18,7 +18,7 @@
|
||||
*/
|
||||
module.exports = {
|
||||
extends: ['airbnb', 'prettier', 'prettier/react', 'plugin:react-hooks/recommended'],
|
||||
parser: 'babel-eslint',
|
||||
parser: '@babel/eslint-parser',
|
||||
parserOptions: {
|
||||
ecmaFeatures: {
|
||||
experimentalObjectRestSpread: true,
|
||||
@@ -178,6 +178,7 @@ module.exports = {
|
||||
'react/prop-types': 0,
|
||||
'react/require-default-props': 0,
|
||||
'react/static-property-placement': 0, // re-enable up for discussion
|
||||
'react/sort-comp': 0,
|
||||
'prettier/prettier': 'error',
|
||||
},
|
||||
settings: {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -18,8 +18,8 @@
|
||||
"commit": "superset-commit",
|
||||
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 10",
|
||||
"jest": "NODE_ENV=test jest --coverage --verbose",
|
||||
"lint": "esprint check",
|
||||
"lint:fix": "npm run lint --fix",
|
||||
"lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx,.ts,.tsx .",
|
||||
"lint:fix": "eslint --fix --ignore-path=.eslintignore --ext .js,.jsx,.ts,.tsx .",
|
||||
"format": "npm run prettier",
|
||||
"prettier": "prettier --write .",
|
||||
"test": "npm run jest",
|
||||
@@ -61,6 +61,7 @@
|
||||
"@babel/compat-data": "^7.9.6",
|
||||
"@babel/core": "^7.8.7",
|
||||
"@babel/node": "^7.8.7",
|
||||
"@babel/eslint-parser": "^7.16.0",
|
||||
"@babel/plugin-proposal-class-properties": "^7.8.3",
|
||||
"@babel/plugin-proposal-optional-chaining": "^7.8.3",
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
@@ -78,8 +79,8 @@
|
||||
"@types/jsdom": "^12.2.4",
|
||||
"@types/react": "^16.13.1",
|
||||
"@types/react-test-renderer": "^16.9.2",
|
||||
"@typescript-eslint/eslint-plugin": "^4.1.0",
|
||||
"@typescript-eslint/parser": "^4.1.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.3.0",
|
||||
"@typescript-eslint/parser": "^5.3.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"babel-jest": "^26.6.3",
|
||||
"babel-loader": "^8.2.2",
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
{
|
||||
"parserOptions": {
|
||||
"project": "./tsconfig.json"
|
||||
}
|
||||
}
|
||||
@@ -62,9 +62,11 @@
|
||||
"@superset-ui/legacy-plugin-chart-treemap": "0.18.20",
|
||||
"@superset-ui/legacy-plugin-chart-world-map": "0.18.20",
|
||||
"@superset-ui/legacy-preset-chart-big-number": "0.18.20",
|
||||
"@superset-ui/legacy-preset-chart-nvd3": "0.18.20",
|
||||
"@superset-ui/plugin-chart-echarts": "0.18.20",
|
||||
"@superset-ui/plugin-chart-table": "0.18.20",
|
||||
"@superset-ui/plugin-chart-word-cloud": "0.18.20",
|
||||
"@superset-ui/preset-chart-xy": "0.18.20",
|
||||
"@types/react-loadable": "^5.5.3",
|
||||
"@types/react-resizable": "^1.7.2",
|
||||
"antd": "^4.9.4",
|
||||
|
||||
@@ -34,21 +34,19 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const BoxPlot = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-boxplot"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['type', 'region'],
|
||||
metrics: ['AVG(averageprice)'],
|
||||
whiskerOptions: 'Tukey',
|
||||
xTicksLayout: select('X Tick Layout', ['auto', 'flat', '45°', '90°', 'staggered'], '45°'),
|
||||
yAxisFormat: 'SMART_NUMBER',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const BoxPlot = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-boxplot"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['type', 'region'],
|
||||
metrics: ['AVG(averageprice)'],
|
||||
whiskerOptions: 'Tukey',
|
||||
xTicksLayout: select('X Tick Layout', ['auto', 'flat', '45°', '90°', 'staggered'], '45°'),
|
||||
yAxisFormat: 'SMART_NUMBER',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,30 +34,28 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Funnel = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-funnel"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: dataSource }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['name'],
|
||||
metric: 'value',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
orient: select('orient', ['horizontal', 'vertical'], 'vertical'),
|
||||
sort: select('sort', ['descending', 'ascending', 'none'], 'descending'),
|
||||
gap: number('gap', 0),
|
||||
labelType: select(
|
||||
'label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const Funnel = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-funnel"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: dataSource }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['name'],
|
||||
metric: 'value',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
orient: select('orient', ['horizontal', 'vertical'], 'vertical'),
|
||||
sort: select('sort', ['descending', 'ascending', 'none'], 'descending'),
|
||||
gap: number('gap', 0),
|
||||
labelType: select(
|
||||
'label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,18 +34,16 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Gauge = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-gauge"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: speed }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['name'],
|
||||
metric: 'value',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const Gauge = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-gauge"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: speed }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['name'],
|
||||
metric: 'value',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,20 +34,18 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Graph = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-graph"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: basic }]}
|
||||
formData={{
|
||||
source: 'source',
|
||||
target: 'target',
|
||||
sourceCategory: 'sourceCategory',
|
||||
targetCategory: 'targetCategory',
|
||||
metric: 'value',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const Graph = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-graph"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: basic }]}
|
||||
formData={{
|
||||
source: 'source',
|
||||
target: 'target',
|
||||
sourceCategory: 'sourceCategory',
|
||||
targetCategory: 'targetCategory',
|
||||
metric: 'value',
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,60 +34,56 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const WeekdayPie = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-pie"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: weekday }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['Day'],
|
||||
metric: 'SUM(AIR_TIME)',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
donut: boolean('Donut', false),
|
||||
innerRadius: number('Inner Radius', 30),
|
||||
outerRadius: number('Outer Radius', 70),
|
||||
labelsOutside: boolean('Labels outside', true),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
labelType: select(
|
||||
'Pie label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const WeekdayPie = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-pie"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: weekday }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['Day'],
|
||||
metric: 'SUM(AIR_TIME)',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
donut: boolean('Donut', false),
|
||||
innerRadius: number('Inner Radius', 30),
|
||||
outerRadius: number('Outer Radius', 70),
|
||||
labelsOutside: boolean('Labels outside', true),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
labelType: select(
|
||||
'Pie label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
export const PopulationPie = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-pie"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: population }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['Country'],
|
||||
metric: 'Population',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
donut: boolean('Donut', false),
|
||||
innerRadius: number('Inner Radius', 30),
|
||||
outerRadius: number('Outer Radius', 70),
|
||||
labelsOutside: boolean('Labels outside', false),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
labelType: select(
|
||||
'Pie label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const PopulationPie = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-pie"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: population }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['Country'],
|
||||
metric: 'Population',
|
||||
numberFormat: 'SMART_NUMBER',
|
||||
donut: boolean('Donut', false),
|
||||
innerRadius: number('Inner Radius', 30),
|
||||
outerRadius: number('Outer Radius', 70),
|
||||
labelsOutside: boolean('Labels outside', false),
|
||||
labelLine: boolean('Label line', true),
|
||||
showLabels: boolean('Show labels', true),
|
||||
showLegend: boolean('Show legend', false),
|
||||
labelType: select(
|
||||
'Pie label type',
|
||||
['key', 'value', 'percent', 'key_value', 'key_percent', 'key_value_percent'],
|
||||
'key',
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,33 +34,31 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Radar = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-radar"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: basic }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['Sales'],
|
||||
metrics: [
|
||||
'Sales',
|
||||
'Administration',
|
||||
'Information Technology',
|
||||
'Customer Support',
|
||||
'Development',
|
||||
'Marketing',
|
||||
],
|
||||
columnConfig: {
|
||||
Sales: { radarMetricMaxValue: 6500 },
|
||||
Administration: { radarMetricMaxValue: 16000 },
|
||||
'Information Technology': { radarMetricMaxValue: 30000 },
|
||||
'Customer Support': { radarMetricMaxValue: 38000 },
|
||||
Development: { radarMetricMaxValue: 52000 },
|
||||
Marketing: { radarMetricMaxValue: 25000 },
|
||||
},
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const Radar = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-radar"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data: basic }]}
|
||||
formData={{
|
||||
columns: [],
|
||||
groupby: ['Sales'],
|
||||
metrics: [
|
||||
'Sales',
|
||||
'Administration',
|
||||
'Information Technology',
|
||||
'Customer Support',
|
||||
'Development',
|
||||
'Marketing',
|
||||
],
|
||||
columnConfig: {
|
||||
Sales: { radarMetricMaxValue: 6500 },
|
||||
Administration: { radarMetricMaxValue: 16000 },
|
||||
'Information Technology': { radarMetricMaxValue: 30000 },
|
||||
'Customer Support': { radarMetricMaxValue: 38000 },
|
||||
Development: { radarMetricMaxValue: 52000 },
|
||||
Marketing: { radarMetricMaxValue: 25000 },
|
||||
},
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,30 +34,28 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Tree = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-tree"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: select('Id Column', ['id_column', 'name_column', 'parent_column'], 'id_column'),
|
||||
rootNodeId: text('Root Node', '1'),
|
||||
parent: select('Parent Column', ['parent_column', 'id_column'], 'parent_column'),
|
||||
name: select('Name Column', [null, 'name_column'], 'name_column'),
|
||||
export const Tree = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-tree"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: select('Id Column', ['id_column', 'name_column', 'parent_column'], 'id_column'),
|
||||
rootNodeId: text('Root Node', '1'),
|
||||
parent: select('Parent Column', ['parent_column', 'id_column'], 'parent_column'),
|
||||
name: select('Name Column', [null, 'name_column'], 'name_column'),
|
||||
|
||||
position: select('Label Position', ['top', 'right', 'left', 'bottom'], 'top'),
|
||||
layout: select('Tree Layout', ['orthogonal', 'radial'], 'orthogonal'),
|
||||
orient: select('Orientation', ['LR', 'RL', 'TB', 'BT'], 'LR'),
|
||||
emphasis: select('Emphasis', ['ancestor', 'descendant'], 'descendant'),
|
||||
symbol: select('Symbol', ['emptyCircle', 'circle', 'rect', 'triangle'], 'circle'),
|
||||
symbol_size: number('[Symbol Size', 7, { range: true, min: 5, max: 30, step: 2 }),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
position: select('Label Position', ['top', 'right', 'left', 'bottom'], 'top'),
|
||||
layout: select('Tree Layout', ['orthogonal', 'radial'], 'orthogonal'),
|
||||
orient: select('Orientation', ['LR', 'RL', 'TB', 'BT'], 'LR'),
|
||||
emphasis: select('Emphasis', ['ancestor', 'descendant'], 'descendant'),
|
||||
symbol: select('Symbol', ['emptyCircle', 'circle', 'rect', 'triangle'], 'circle'),
|
||||
symbol_size: number('[Symbol Size', 7, { range: true, min: 5, max: 30, step: 2 }),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -34,21 +34,19 @@ export default {
|
||||
decorators: [withKnobs, withResizableChartDemo],
|
||||
};
|
||||
|
||||
export const Treemap = ({ width, height }) => {
|
||||
return (
|
||||
<SuperChart
|
||||
chartType="echarts-treemap"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['genre'],
|
||||
metric: 'count',
|
||||
showLabels: boolean('Show labels', true),
|
||||
showUpperLabels: boolean('Show upperLabels', true),
|
||||
labelType: select('Treemap label type', ['key', 'value', 'key_value'], 'key_value'),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
export const Treemap = ({ width, height }) => (
|
||||
<SuperChart
|
||||
chartType="echarts-treemap"
|
||||
width={width}
|
||||
height={height}
|
||||
queriesData={[{ data }]}
|
||||
formData={{
|
||||
colorScheme: 'supersetColors',
|
||||
groupby: ['genre'],
|
||||
metric: 'count',
|
||||
showLabels: boolean('Show labels', true),
|
||||
showUpperLabels: boolean('Show upperLabels', true),
|
||||
labelType: select('Treemap label type', ['key', 'value', 'key_value'], 'key_value'),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -18,8 +18,8 @@
|
||||
*/
|
||||
|
||||
import { LineChartPlugin, LegacyLineChartPlugin } from '@superset-ui/preset-chart-xy';
|
||||
import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
|
||||
import { withKnobs } from '@storybook/addon-knobs';
|
||||
import { LINE_PLUGIN_TYPE, LINE_PLUGIN_LEGACY_TYPE } from './constants';
|
||||
|
||||
new LegacyLineChartPlugin().configure({ key: LINE_PLUGIN_LEGACY_TYPE }).register();
|
||||
new LineChartPlugin().configure({ key: LINE_PLUGIN_TYPE }).register();
|
||||
|
||||
@@ -18,8 +18,8 @@
|
||||
*/
|
||||
|
||||
import { ScatterPlotChartPlugin, LegacyScatterPlotChartPlugin } from '@superset-ui/preset-chart-xy';
|
||||
import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
|
||||
import { withKnobs } from '@storybook/addon-knobs';
|
||||
import { SCATTER_PLOT_PLUGIN_TYPE, SCATTER_PLOT_PLUGIN_LEGACY_TYPE } from './constants';
|
||||
|
||||
new LegacyScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_LEGACY_TYPE }).register();
|
||||
new ScatterPlotChartPlugin().configure({ key: SCATTER_PLOT_PLUGIN_TYPE }).register();
|
||||
|
||||
@@ -67,20 +67,18 @@ export const container50pct = () => {
|
||||
};
|
||||
container50pct.story = { name: '50% of container' };
|
||||
|
||||
export const Resizable = () => {
|
||||
return (
|
||||
<ResizableChartDemo>
|
||||
{size => (
|
||||
<SuperChart
|
||||
chartType={ChartKeys.DILIGENT}
|
||||
width={size.width}
|
||||
height={size.height}
|
||||
queriesData={[DEFAULT_QUERY_DATA]}
|
||||
/>
|
||||
)}
|
||||
</ResizableChartDemo>
|
||||
);
|
||||
};
|
||||
export const Resizable = () => (
|
||||
<ResizableChartDemo>
|
||||
{size => (
|
||||
<SuperChart
|
||||
chartType={ChartKeys.DILIGENT}
|
||||
width={size.width}
|
||||
height={size.height}
|
||||
queriesData={[DEFAULT_QUERY_DATA]}
|
||||
/>
|
||||
)}
|
||||
</ResizableChartDemo>
|
||||
);
|
||||
|
||||
export const fixedWidth100height = () => {
|
||||
const width = text('Vis width', '500');
|
||||
|
||||
@@ -26,7 +26,7 @@ export default {
|
||||
};
|
||||
|
||||
export const ThemeColors = () => {
|
||||
const colors = supersetTheme.colors;
|
||||
const { colors } = supersetTheme;
|
||||
return Object.keys(colors).map(collection => (
|
||||
<div>
|
||||
<h2>{collection}</h2>
|
||||
@@ -39,7 +39,7 @@ export const ThemeColors = () => {
|
||||
<td>
|
||||
<code>{hex}</code>
|
||||
</td>
|
||||
<td style={{ width: '150px', backgroundColor: hex }}></td>
|
||||
<td style={{ width: '150px', backgroundColor: hex }} />
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user