diff --git a/.eslintrc b/.eslintrc index c5b26de1b..f160db502 100644 --- a/.eslintrc +++ b/.eslintrc @@ -75,12 +75,12 @@ "react/jsx-boolean-value": ["error", "always"], "react/jsx-closing-tag-location": ["error"], "react/jsx-curly-spacing": ["error", "never"], - "react/jsx-equals-spacing": ["warn", "never"], + "react/jsx-equals-spacing": ["error", "never"], "react/jsx-first-prop-new-line": ["error", "multiline-multiprop"], "react/jsx-handler-names": ["warn"], "react/jsx-indent": ["error", 2], - "react/jsx-indent-props": ["warn", 2], - "react/jsx-key": ["warn"], + "react/jsx-indent-props": ["error", 2], + "react/jsx-key": ["error"], "react/jsx-max-depth": ["warn", { "max": 2}], "react/jsx-max-props-per-line": ["warn", {"maximum": 3, "when": "multiline" }], "react/jsx-no-bind": ["warn"], @@ -90,7 +90,7 @@ "react/jsx-no-undef": ["warn"], "react/jsx-one-expression-per-line": ["warn", {"allow": "single-child"}], "react/jsx-curly-brace-presence": ["warn", { "props": "always", "children": "ignore" }], - "react/jsx-pascal-case": ["warn"], + "react/jsx-pascal-case": ["error"], "react/jsx-props-no-multi-spaces": ["warn"], "react/jsx-sort-default-props": ["warn"], "react/jsx-sort-props": ["warn"], diff --git a/src/webui/components/Icon/index.js b/src/webui/components/Icon/index.js index cb58be2e4..c44c86103 100644 --- a/src/webui/components/Icon/index.js +++ b/src/webui/components/Icon/index.js @@ -7,7 +7,7 @@ import React from 'react'; import type { Node } from 'react'; import capitalize from 'lodash/capitalize'; -import { SVG, Img, ImgWrapper } from './styles'; +import { Svg, Img, ImgWrapper } from './styles'; import { IProps, IIconsMap } from './types'; import brazil from './img/brazil.svg'; @@ -44,10 +44,10 @@ const Icon = ({ className, name, size = 'sm', img = false, pointer = false, ...p {title} ) : ( - + {title} - + ); }; diff --git a/src/webui/components/Icon/styles.js b/src/webui/components/Icon/styles.js index d3d87885e..0454d4c37 100644 --- a/src/webui/components/Icon/styles.js +++ b/src/webui/components/Icon/styles.js @@ -35,7 +35,7 @@ const commonStyle = ({ size = 'sm', pointer, modifiers }: IProps) => css` } `; -export const SVG = styled.svg` +export const Svg = styled.svg` && { ${commonStyle}; }