fixes to svg import due to changes in upgraded package

glific · Oct 12, 2023 · b5c09df · b5c09df
1 parent 8ddb722
commit b5c09df
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 16 deletions.
diff --git a/src/components/UI/Form/AutoComplete/AutoComplete.tsx b/src/components/UI/Form/AutoComplete/AutoComplete.tsx
@@ -10,7 +10,7 @@ import {
 
 import { getIn } from 'formik';
 
-import { ReactComponent as DeleteIcon } from 'assets/images/icons/Close.svg';
+import DeleteIcon from 'assets/images/icons/Close.svg?react';
 import styles from './AutoComplete.module.css';
 
 export interface AutocompleteProps {

diff --git a/src/components/UI/Form/Checkbox/Checkbox.tsx b/src/components/UI/Form/Checkbox/Checkbox.tsx
@@ -1,5 +1,5 @@
 import { Checkbox as CheckboxElement, FormControlLabel } from '@mui/material';
-import { ReactComponent as InfoIcon } from 'assets/images/icons/Info.svg';
+import InfoIcon from 'assets/images/icons/Info.svg?react';
 
 import Tooltip from 'components/UI/Tooltip/Tooltip';
 import styles from './Checkbox.module.css';

diff --git a/src/components/UI/Form/InlineInput/InlineInput.tsx b/src/components/UI/Form/InlineInput/InlineInput.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect, createRef } from 'react';
 import { TextField } from '@mui/material';
 
-import { ReactComponent as Icon } from 'assets/images/icons/GreenTick.svg';
+import Icon from 'assets/images/icons/GreenTick.svg?react';
 import styles from './InlineInput.module.css';
 
 export interface InlineInputProps {

diff --git a/src/components/UI/ImportButton/ImportButton.tsx b/src/components/UI/ImportButton/ImportButton.tsx
@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { ReactComponent as ImportIcon } from 'assets/images/icons/Flow/Import.svg';
+import ImportIcon from 'assets/images/icons/Flow/Import.svg?react';
 import { Button } from 'components/UI/Form/Button/Button';
 
 export interface ImportButtonProps {

diff --git a/src/components/UI/MessageDialog/MessageDialog.tsx b/src/components/UI/MessageDialog/MessageDialog.tsx
@@ -1,6 +1,6 @@
 import { Dialog, DialogContent } from '@mui/material';
 
-import { ReactComponent as CrossDarkIcon } from 'assets/images/icons/CrossDark.svg';
+import CrossDarkIcon from 'assets/images/icons/CrossDark.svg?react';
 import ChatInput from 'containers/Chat/ChatMessages/ChatInput/ChatInput';
 import styles from './MessageDialog.module.css';
 

diff --git a/src/components/floweditor/FlowEditor.tsx b/src/components/floweditor/FlowEditor.tsx
@@ -3,11 +3,11 @@ import { useMutation, useLazyQuery, useQuery } from '@apollo/client';
 import { Navigate, useNavigate, useParams } from 'react-router-dom';
 import { IconButton } from '@mui/material';
 
-import { ReactComponent as HelpIcon } from 'assets/images/icons/Help.svg';
-import { ReactComponent as FlowIcon } from 'assets/images/icons/Flow/Dark.svg';
-import { ReactComponent as WarningIcon } from 'assets/images/icons/Warning.svg';
-import { ReactComponent as ExportIcon } from 'assets/images/icons/Flow/Export.svg';
-import { ReactComponent as ResetFlowIcon } from 'assets/images/icons/Flow/ResetFlow.svg';
+import HelpIcon from 'assets/images/icons/Help.svg?react';
+import FlowIcon from 'assets/images/icons/Flow/Dark.svg?react';
+import WarningIcon from 'assets/images/icons/Warning.svg?react';
+import ExportIcon from 'assets/images/icons/Flow/Export.svg?react';
+import ResetFlowIcon from 'assets/images/icons/Flow/ResetFlow.svg?react';
 import { Button } from 'components/UI/Form/Button/Button';
 import { APP_NAME, FLOWS_HELP_LINK } from 'config/index';
 import { Simulator } from 'components/simulator/Simulator';

diff --git a/src/components/simulator/Simulator.tsx b/src/components/simulator/Simulator.tsx
@@ -19,8 +19,8 @@ import CancelOutlinedIcon from '@mui/icons-material/CancelOutlined';
 
 import { Button as FormButton } from 'components/UI/Form/Button/Button';
 import DefaultWhatsappImage from 'assets/images/whatsappDefault.jpg';
-import { ReactComponent as SimulatorIcon } from 'assets/images/icons/Simulator.svg';
-import { ReactComponent as ResetIcon } from 'assets/images/icons/Reset/Dark.svg';
+import SimulatorIcon from 'assets/images/icons/Simulator.svg?react';
+import ResetIcon from 'assets/images/icons/Reset/Dark.svg?react';
 import {
   TIME_FORMAT,
   SAMPLE_MEDIA_FOR_SIMULATOR,

diff --git a/src/containers/WalletBalance/WalletBalance.tsx b/src/containers/WalletBalance/WalletBalance.tsx
@@ -3,8 +3,8 @@ import { useQuery } from '@apollo/client';
 import { CircularProgress } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 
-import { ReactComponent as WhiteIcon } from 'assets/images/icons/White.svg';
-import { ReactComponent as SelectWhiteIcon } from 'assets/images/icons/SelectWhite.svg';
+import WhiteIcon from 'assets/images/icons/White.svg?react';
+import SelectWhiteIcon from 'assets/images/icons/SelectWhite.svg?react';
 import { Tooltip } from 'components/UI/Tooltip/Tooltip';
 import { BSPBALANCE } from 'graphql/queries/Organization';
 import { BSP_BALANCE_SUBSCRIPTION } from 'graphql/subscriptions/PeriodicInfo';

diff --git a/src/containers/WebhookLogs/WebhookLogsList/WebhookLogsList.tsx b/src/containers/WebhookLogs/WebhookLogsList/WebhookLogsList.tsx
@@ -3,8 +3,8 @@ import { Popover } from '@mui/material';
 import moment from 'moment';
 import { useTranslation } from 'react-i18next';
 
-import { ReactComponent as WebhookLogIcon } from 'assets/images/icons/Webhook/WebhookDark.svg';
-import { ReactComponent as ViewIcon } from 'assets/images/icons/View.svg';
+import WebhookLogIcon from 'assets/images/icons/Webhook/WebhookDark.svg?react';
+import ViewIcon from 'assets/images/icons/View.svg?react';
 import CopyIcon from 'assets/images/icons/Copy.png';
 import { List } from 'containers/List/List';
 import Menu from 'components/UI/Menu/Menu';