diff --git a/.eslintrc.js b/.eslintrc.js index f9dbc71df..9a92e50a8 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -94,6 +94,12 @@ module.exports = { 'no-loop-func': 'error', 'no-mixed-spaces-and-tabs': 'error', 'no-nested-ternary': 'warn', + 'no-restricted-imports': ['error', { + patterns: [{ + group: ['react-inlinesvg'], + message: 'Use the SvgIcon component instead.', + }], + }], 'no-trailing-spaces': 'warn', 'no-undef': 'error', 'no-unreachable': 'error', diff --git a/app/soapbox/components/svg_icon.js b/app/soapbox/components/svg_icon.js index 60debd082..04f0cd526 100644 --- a/app/soapbox/components/svg_icon.js +++ b/app/soapbox/components/svg_icon.js @@ -7,7 +7,7 @@ import classNames from 'classnames'; import PropTypes from 'prop-types'; import React from 'react'; -import InlineSVG from 'react-inlinesvg'; +import InlineSVG from 'react-inlinesvg'; // eslint-disable-line no-restricted-imports export default class SvgIcon extends React.PureComponent { diff --git a/app/soapbox/components/ui/icon/svg-icon.tsx b/app/soapbox/components/ui/icon/svg-icon.tsx index 944273933..97d89ab62 100644 --- a/app/soapbox/components/ui/icon/svg-icon.tsx +++ b/app/soapbox/components/ui/icon/svg-icon.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import InlineSVG from 'react-inlinesvg'; +import InlineSVG from 'react-inlinesvg'; // eslint-disable-line no-restricted-imports interface ISvgIcon { className?: string,