alter svg imports

ONEARMY · May 27, 2021 · 7f8b520 · 7f8b520
1 parent 0a3a340
commit 7f8b520
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/pages/Maps/Content/View/Popup.tsx b/src/pages/Maps/Content/View/Popup.tsx
@@ -1,5 +1,6 @@
-import * as React from 'react';
+import * as React from 'react'
 import L from 'leaflet'
+import { Image } from 'rebass'
 import Flex from 'src/components/Flex'
 import Text from 'src/components/Text'
 import { Button } from 'src/components/Button'
@@ -15,7 +16,7 @@ import { inject } from 'mobx-react'
 import { MapsStore } from 'src/stores/Maps/maps.store'
 import { MAP_GROUPINGS } from 'src/stores/Maps/maps.groupings'
 import Workspace from 'src/pages/User/workspace/Workspace'
-import { ReactComponent as VerifiedBadgeIcon } from 'src/assets/icons/icon-verified-badge.svg'
+import VerifiedBadgeIcon from 'src/assets/icons/icon-verified-badge.svg'
 
 interface IProps {
   activePin: IMapPin | IMapPinWithDetail
@@ -123,7 +124,8 @@ export class Popup extends React.Component<IProps> {
             <Text large mb={1} display="flex">
               {name}
               {verifiedBadge && (
-                <VerifiedBadgeIcon
+                <Image
+                  src={VerifiedBadgeIcon}
                   width="22px"
                   height="22px"
                   style={{ marginLeft: '5px' }}

diff --git a/src/pages/User/content/UserPage/UserPage.tsx b/src/pages/User/content/UserPage/UserPage.tsx
@@ -36,7 +36,7 @@ import PVCIcon from 'src/assets/images/plastic-types/pvc.svg'
 
 import EventsIcon from 'src/assets/icons/icon-events.svg'
 import HowToCountIcon from 'src/assets/icons/icon-how-to.svg'
-import { ReactComponent as VerifiedBadgeIcon } from 'src/assets/icons/icon-verified-badge.svg'
+import VerifiedBadgeIcon from 'src/assets/icons/icon-verified-badge.svg'
 // import V4MemberIcon from 'src/assets/icons/icon-v4-member.svg'
 
 import { IUploadedFileMeta } from 'src/stores/storage'
@@ -244,7 +244,7 @@ export class UserPage extends React.Component<
       <UserStatsBox>
         {user.badges?.verified && (
           <UserStatsBoxItem style={{ marginBottom: '15px' }}>
-            <VerifiedBadgeIcon width="22px" height="22px" />
+            <Image src={VerifiedBadgeIcon} width="22px" height="22px" />
             <Box ml="5px">Verified</Box>
           </UserStatsBoxItem>
         )}