Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

feat: introduce new icons for import/export (#7970)

Browse Source 
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)
This commit is contained in:
Jaanus Sellin 2024-08-22 15:04:50 +03:00 committed by GitHub
parent 4615ff40ce
commit f7d5c8e12d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/assets/icons/import.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 384 B

4
frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx
View File

@ -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'>

4
frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx
View File

@ -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>

4
frontend/src/component/project/Project/Project.tsx
View File

@ -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>
}
/>