refactor: remove svgr

This commit is contained in:
Innei 2022-07-05 12:51:14 +08:00
parent 910f165103
commit b37f39fbb4
No known key found for this signature in database
GPG key ID: 0F62D33977F021F7
89 changed files with 5614 additions and 6397 deletions

View file

@ -21,8 +21,8 @@ import useLocale from 'hooks/useLocale';
import { dateFormat } from 'lib/date';
import { chunk } from 'lib/array';
import { getDateLocale } from 'lib/lang';
import Chevron from 'assets/chevron-down.svg';
import Cross from 'assets/times.svg';
import Chevron from 'assets/chevron-down';
import Cross from 'assets/times';
import styles from './Calendar.module.css';
import Icon from './Icon';

View file

@ -1,7 +1,7 @@
import React, { useRef } from 'react';
import PropTypes from 'prop-types';
import Icon from 'components/common/Icon';
import Check from 'assets/check.svg';
import Check from 'assets/check';
import styles from './Checkbox.module.css';
function Checkbox({ name, value, label, onChange }) {

View file

@ -7,7 +7,7 @@ import DropDown from './DropDown';
import DatePickerForm from 'components/forms/DatePickerForm';
import useLocale from 'hooks/useLocale';
import { dateFormat } from 'lib/date';
import Calendar from 'assets/calendar-alt.svg';
import Calendar from 'assets/calendar-alt';
import Icon from './Icon';
export const filterOptions = [

View file

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import classNames from 'classnames';
import Menu from './Menu';
import useDocumentClick from 'hooks/useDocumentClick';
import Chevron from 'assets/chevron-down.svg';
import Chevron from 'assets/chevron-down';
import styles from './Dropdown.module.css';
import Icon from './Icon';

View file

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import Icon from 'components/common/Icon';
import Logo from 'assets/logo.svg';
import Logo from 'assets/logo';
import styles from './EmptyPlaceholder.module.css';
function EmptyPlaceholder({ msg, children }) {

View file

@ -1,7 +1,7 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import Icon from './Icon';
import Exclamation from 'assets/exclamation-triangle.svg';
import Exclamation from 'assets/exclamation-triangle';
import styles from './ErrorMessage.module.css';
export default function ErrorMessage() {

View file

@ -4,7 +4,7 @@ import classNames from 'classnames';
import usePageQuery from 'hooks/usePageQuery';
import { safeDecodeURI } from 'lib/url';
import Icon from './Icon';
import External from 'assets/arrow-up-right-from-square.svg';
import External from 'assets/arrow-up-right-from-square';
import styles from './FilterLink.module.css';
export default function FilterLink({ id, value, label, externalUrl }) {

View file

@ -1,6 +1,6 @@
import Button from 'components/common/Button';
import XMark from 'assets/xmark.svg';
import Bars from 'assets/bars.svg';
import XMark from 'assets/xmark';
import Bars from 'assets/bars';
import { useState } from 'react';
import styles from './HamburgerButton.module.css';
import MobileMenu from './MobileMenu';

View file

@ -1,7 +1,7 @@
import classNames from 'classnames';
import Link from './Link';
import Button from './Button';
import XMark from 'assets/xmark.svg';
import XMark from 'assets/xmark';
import styles from './MobileMenu.module.css';
export default function MobileMenu({ items = [], onClose }) {

View file

@ -4,8 +4,8 @@ import { FormattedMessage } from 'react-intl';
import useStore from 'store/queries';
import { setDateRange } from 'store/websites';
import Button from './Button';
import Refresh from 'assets/redo.svg';
import Dots from 'assets/ellipsis-h.svg';
import Refresh from 'assets/redo';
import Dots from 'assets/ellipsis-h';
import useDateRange from 'hooks/useDateRange';
function RefreshButton({ websiteId }) {

View file

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
import { useSpring, animated } from 'react-spring';
import Icon from 'components/common/Icon';
import Close from 'assets/times.svg';
import Close from 'assets/times';
import styles from './Toast.module.css';
function Toast({ message, timeout = 3000, onClose }) {