From f7d5c8e12da6dc8a8da1a31391a29c3c4417303c Mon Sep 17 00:00:00 2001
From: Jaanus Sellin <sellinjaanus@gmail.com>
Date: Thu, 22 Aug 2024 15:04:50 +0300
Subject: [PATCH] feat: introduce new icons for import/export (#7970)

We found good one for export from MUI, but needed to created similar one
for import.


![image](https://github.com/user-attachments/assets/f8ed2f07-5c8b-4829-a298-4b5e7311b059)
---
 frontend/src/assets/icons/import.svg                          | 3 +++
 .../FeatureToggleListActions/FeatureToggleListActions.tsx     | 4 ++--
 .../ProjectFeatureTogglesHeader.tsx                           | 4 ++--
 frontend/src/component/project/Project/Project.tsx            | 4 ++--
 4 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 frontend/src/assets/icons/import.svg

diff --git a/frontend/src/assets/icons/import.svg b/frontend/src/assets/icons/import.svg
new file mode 100644
index 000000000000..db27de2b422f
--- /dev/null
+++ b/frontend/src/assets/icons/import.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.58 10.08L12 11.5L8 15.5L4 11.5L5.42 10.08L7.01 11.67V0.5H8.99V11.67L10.58 10.08ZM16 19V8C16 6.89 15.1 6 14 6H11V8H14V19H2V8H5V6H2C0.889999 6 0 6.89 0 8V19C0 20.1 0.889999 21 2 21H14C15.1 21 16 20.1 16 19Z" fill="currentColor"/>
+</svg>
diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx
index 0d8482f05487..357baf83410e 100644
--- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx
+++ b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx
@@ -11,7 +11,6 @@ import {
     Typography,
 } from '@mui/material';
 import Add from '@mui/icons-material/Add';
-import FileDownload from '@mui/icons-material/FileDownload';
 import MoreVert from '@mui/icons-material/MoreVert';
 import { Link } from 'react-router-dom';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
@@ -20,6 +19,7 @@ import { CREATE_FEATURE } from 'component/providers/AccessProvider/permissions';
 import { PermissionHOC } from 'component/common/PermissionHOC/PermissionHOC';
 import { useCreateFeaturePath } from 'component/feature/CreateFeatureButton/useCreateFeaturePath';
 import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
+import IosShare from '@mui/icons-material/IosShare';
 
 const StyledActions = styled('div')(({ theme }) => ({
     display: 'flex',
@@ -138,7 +138,7 @@ export const FeatureToggleListActions: FC<IFeatureFlagListActions> = ({
                                 }}
                             >
                                 <ListItemIcon>
-                                    <FileDownload />
+                                    <IosShare />
                                 </ListItemIcon>
                                 <ListItemText>
                                     <Typography variant='body2'>
diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx
index edc7b28b161e..969c58a5d905 100644
--- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx
+++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx
@@ -13,7 +13,6 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
 import { Search } from 'component/common/Search/Search';
 import { useUiFlag } from 'hooks/useUiFlag';
 import Add from '@mui/icons-material/Add';
-import FileDownload from '@mui/icons-material/FileDownload';
 import { styled } from '@mui/material';
 import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
 import { useSearchParams } from 'react-router-dom';
@@ -26,6 +25,7 @@ import ReviewsOutlined from '@mui/icons-material/ReviewsOutlined';
 import { useFeedback } from 'component/feedbackNew/useFeedback';
 import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
 import { CreateFeatureDialog } from './CreateFeatureDialog';
+import IosShare from '@mui/icons-material/IosShare';
 
 interface IProjectFeatureTogglesHeaderProps {
     isLoading?: boolean;
@@ -165,7 +165,7 @@ export const ProjectFeatureTogglesHeader: FC<
                                                 marginRight: theme.spacing(2),
                                             })}
                                         >
-                                            <FileDownload />
+                                            <IosShare />
                                         </IconButton>
                                     </Tooltip>
 
diff --git a/frontend/src/component/project/Project/Project.tsx b/frontend/src/component/project/Project/Project.tsx
index b627786a2d87..e7b8084b1eb5 100644
--- a/frontend/src/component/project/Project/Project.tsx
+++ b/frontend/src/component/project/Project/Project.tsx
@@ -1,6 +1,7 @@
 import { useNavigate } from 'react-router';
 import useLoading from 'hooks/useLoading';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
+import { ReactComponent as ImportSvg } from 'assets/icons/import.svg';
 import {
     StyledDiv,
     StyledFavoriteIconButton,
@@ -14,7 +15,6 @@ import {
     StyledTopRow,
 } from './Project.styles';
 import { Box, Paper, Tabs, Typography, styled } from '@mui/material';
-import FileUpload from '@mui/icons-material/FileUpload';
 import useToast from 'hooks/useToast';
 import useQueryParams from 'hooks/useQueryParams';
 import { useEffect, useState } from 'react';
@@ -230,7 +230,7 @@ export const Project = () => {
                                         data-testid={IMPORT_BUTTON}
                                         data-loading-project
                                     >
-                                        <FileUpload />
+                                        <ImportSvg />
                                     </PermissionIconButton>
                                 }
                             />