1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00

fix: icon imports (#6499)

Based on this article:
https://mui.com/material-ui/guides/minimizing-bundle-size/ importing
from `'@mui/icons-material'` instead of specifying the actual path to
the icon like `import Delete from '@mui/icons-material/Delete';` can be
up to six time slower. This change changes all named imports in Unleash
referencing the `@mui/icons-material` to default imports.

This reduced the amount of modules we had to process when building the
frontend from 15206 to 4746

Before:
<img width="1016" alt="Skjermbilde 2024-03-11 kl 14 19 58"
src="https://github.com/Unleash/unleash/assets/16081982/f137d24a-6557-4183-a40f-f62a33524520">

After:
<img width="1237" alt="Skjermbilde 2024-03-11 kl 14 20 32"
src="https://github.com/Unleash/unleash/assets/16081982/05a27d6a-2c3f-4409-9862-7188ab4b9c72">

Build time locally decreased by around 50%

Before:
<img width="1504" alt="Skjermbilde 2024-03-11 kl 14 31 45"
src="https://github.com/Unleash/unleash/assets/16081982/bc931559-b022-47ed-9f8f-c87401578518">


After:
<img width="1219" alt="Skjermbilde 2024-03-11 kl 14 27 00"
src="https://github.com/Unleash/unleash/assets/16081982/3c3a8d6b-576d-45c3-aa40-cc5f95d9df2b">
This commit is contained in:
Fredrik Strand Oseberg 2024-03-12 10:56:10 +01:00 committed by GitHub
parent 55da9b8133
commit f381718fd6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
199 changed files with 306 additions and 266 deletions

View File

@ -1,5 +1,5 @@
import { IconButton } from '@mui/material';
import { Download } from '@mui/icons-material';
import Download from '@mui/icons-material/Download';
import { useAccessOverviewApi } from 'hooks/api/actions/useAccessOverviewApi/useAccessOverviewApi';
export const AccessOverview = () => {

View File

@ -1,5 +1,5 @@
import { TokenType } from '../../../../../interfaces/token';
import { KeyboardArrowDownOutlined } from '@mui/icons-material';
import KeyboardArrowDownOutlined from '@mui/icons-material/KeyboardArrowDownOutlined';
import React from 'react';
import {
StyledInputDescription,

View File

@ -7,7 +7,7 @@ import { HelpIcon } from 'component/common/HelpIcon/HelpIcon';
import Input from 'component/common/Input/Input';
import { BannerVariant } from 'interfaces/banner';
import { ChangeEvent, Dispatch, SetStateAction, useState } from 'react';
import { Visibility } from '@mui/icons-material';
import Visibility from '@mui/icons-material/Visibility';
import { BannerDialog } from 'component/banners/Banner/BannerDialog/BannerDialog';
const StyledForm = styled('div')(({ theme }) => ({

View File

@ -1,4 +1,5 @@
import { Delete, Edit } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { Box, styled } from '@mui/material';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
import { ADMIN } from 'component/providers/AccessProvider/permissions';

View File

@ -18,7 +18,9 @@ import { TextCell } from 'component/common/Table/cells/TextCell/TextCell';
import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell';
import { TimeAgoCell } from 'component/common/Table/cells/TimeAgoCell/TimeAgoCell';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
import { Add, Delete, Edit } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { ADMIN } from 'component/providers/AccessProvider/permissions';
import { MainHeader } from 'component/common/MainHeader/MainHeader';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';

View File

@ -4,7 +4,7 @@ import { TextCell } from 'component/common/Table/cells/TextCell/TextCell';
import { IGroupUser } from 'interfaces/group';
import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell';
import { ActionCell } from 'component/common/Table/cells/ActionCell/ActionCell';
import { Delete } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { VirtualizedTable } from 'component/common/Table';
import { useFlexLayout, useSortBy, useTable } from 'react-table';

View File

@ -10,7 +10,10 @@ import {
Tooltip,
Typography,
} from '@mui/material';
import { Delete, Edit, GroupRounded, MoreVert } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import GroupRounded from '@mui/icons-material/GroupRounded';
import MoreVert from '@mui/icons-material/MoreVert';
import { Link } from 'react-router-dom';
const StyledActions = styled('div')(({ theme }) => ({

View File

@ -14,7 +14,7 @@ import { GroupCard } from './GroupCard/GroupCard';
import { GroupEmpty } from './GroupEmpty/GroupEmpty';
import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
import { ADMIN } from 'component/providers/AccessProvider/permissions';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { NAVIGATE_TO_CREATE_GROUP } from 'utils/testIds';
import { EditGroupUsers } from '../Group/EditGroupUsers/EditGroupUsers';
import { RemoveGroup } from '../RemoveGroup/RemoveGroup';

View File

@ -1,4 +1,4 @@
import { Download } from '@mui/icons-material';
import Download from '@mui/icons-material/Download';
import {
Button,
Table,

View File

@ -1,8 +1,6 @@
import {
Person as UserIcon,
Topic as TopicIcon,
CloudCircle as CloudCircleIcon,
} from '@mui/icons-material';
import UserIcon from '@mui/icons-material/Person';
import TopicIcon from '@mui/icons-material/Topic';
import CloudCircleIcon from '@mui/icons-material/CloudCircle';
import {
ENVIRONMENT_PERMISSION_TYPE,
PROJECT_PERMISSION_TYPE,

View File

@ -12,7 +12,7 @@ import {
styled,
Typography,
} from '@mui/material';
import { ExpandMore } from '@mui/icons-material';
import ExpandMore from '@mui/icons-material/ExpandMore';
import { ICheckedPermissions, IPermission } from 'interfaces/permissions';
import StringTruncator from 'component/common/StringTruncator/StringTruncator';
import { getRoleKey } from 'utils/permissions';

View File

@ -10,7 +10,7 @@ import { useRoles } from 'hooks/api/getters/useRoles/useRoles';
import { Search } from 'component/common/Search/Search';
import theme from 'themes/theme';
import { PageHeader } from 'component/common/PageHeader/PageHeader';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
import { IRole } from 'interfaces/role';
import { TabLink } from 'component/common/TabNav/TabLink';

View File

@ -1,4 +1,5 @@
import { Delete, Edit } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { Box, styled } from '@mui/material';
import { PREDEFINED_ROLE_TYPES } from '@server/util/constants';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';

View File

@ -13,7 +13,7 @@ import { TextCell } from 'component/common/Table/cells/TextCell/TextCell';
import { useConditionallyHiddenColumns } from 'hooks/useConditionallyHiddenColumns';
import { useSearch } from 'hooks/useSearch';
import { IconCell } from 'component/common/Table/cells/IconCell/IconCell';
import { SupervisedUserCircle } from '@mui/icons-material';
import SupervisedUserCircle from '@mui/icons-material/SupervisedUserCircle';
import { RolesActionsCell } from './RolesActionsCell/RolesActionsCell';
import { RolesCell } from './RolesCell/RolesCell';
import { RoleDeleteDialog } from './RoleDeleteDialog/RoleDeleteDialog';

View File

@ -1,4 +1,4 @@
import { Delete } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import {
Button,
IconButton,

View File

@ -1,4 +1,5 @@
import { Delete, Edit } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { Box, styled } from '@mui/material';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
import { ADMIN } from 'component/providers/AccessProvider/permissions';

View File

@ -4,7 +4,8 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
import { useFlexLayout, useSortBy, useTable } from 'react-table';
import { sortTypes } from 'utils/sortTypes';
import { IconCell } from 'component/common/Table/cells/IconCell/IconCell';
import { Check, Close } from '@mui/icons-material';
import Check from '@mui/icons-material/Check';
import Close from '@mui/icons-material/Close';
import { Box } from '@mui/material';
import { IMatrixPermission } from 'interfaces/permissions';

View File

@ -2,7 +2,7 @@ import React, { VFC } from 'react';
import { Box, styled } from '@mui/material';
import PermissionIconButton from '../../../../common/PermissionIconButton/PermissionIconButton';
import { ADMIN } from '../../../../providers/AccessProvider/permissions';
import { Delete } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
const StyledBox = styled(Box)(() => ({
display: 'flex',

View File

@ -1,4 +1,4 @@
import { AttachMoneyRounded } from '@mui/icons-material';
import AttachMoneyRounded from '@mui/icons-material/AttachMoneyRounded';
import { styled, Tooltip } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { TextCell } from 'component/common/Table/cells/TextCell/TextCell';

View File

@ -1,4 +1,8 @@
import { Delete, Edit, Key, Lock, LockReset } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import Key from '@mui/icons-material/Key';
import Lock from '@mui/icons-material/Lock';
import LockReset from '@mui/icons-material/LockReset';
import { Box, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';

View File

@ -33,7 +33,7 @@ import { useConditionallyHiddenColumns } from 'hooks/useConditionallyHiddenColum
import { UserLimitWarning } from './UserLimitWarning/UserLimitWarning';
import { RoleCell } from 'component/common/Table/cells/RoleCell/RoleCell';
import { useSearch } from 'hooks/useSearch';
import { Download } from '@mui/icons-material';
import Download from '@mui/icons-material/Download';
import { StyledUsersLinkDiv } from '../Users.styles';
import { useUiFlag } from 'hooks/useUiFlag';

View File

@ -10,7 +10,8 @@ import {
Typography,
styled,
} from '@mui/material';
import { Delete, Link as LinkIcon } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import LinkIcon from '@mui/icons-material/Link';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { UPDATE_APPLICATION } from 'component/providers/AccessProvider/permissions';
import { ConnectedInstances } from './ConnectedInstances/ConnectedInstances';

View File

@ -8,12 +8,10 @@ import {
} from 'openapi';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
import { HelpIcon } from '../common/HelpIcon/HelpIcon';
import {
CheckCircle,
CloudCircle,
Flag,
WarningAmberRounded,
} from '@mui/icons-material';
import CheckCircle from '@mui/icons-material/CheckCircle';
import CloudCircle from '@mui/icons-material/CloudCircle';
import Flag from '@mui/icons-material/Flag';
import WarningAmberRounded from '@mui/icons-material/WarningAmberRounded';
import TimeAgo from 'react-timeago';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { getApplicationIssueMode } from './ApplicationIssues/ApplicationIssues';

View File

@ -11,7 +11,7 @@ import {
Tabs,
Typography,
} from '@mui/material';
import { Link as LinkIcon } from '@mui/icons-material';
import LinkIcon from '@mui/icons-material/Link';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { UPDATE_APPLICATION } from 'component/providers/AccessProvider/permissions';
import { ApplicationUpdate } from '../ApplicationUpdate/ApplicationUpdate';

View File

@ -1,6 +1,6 @@
import { Box, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { WarningAmberRounded } from '@mui/icons-material';
import WarningAmberRounded from '@mui/icons-material/WarningAmberRounded';
import { ApplicationOverviewSchema } from 'openapi';
import { Link } from 'react-router-dom';
import {

View File

@ -1,6 +1,6 @@
import { useMemo } from 'react';
import { Avatar, CircularProgress, Icon, Link } from '@mui/material';
import { Warning } from '@mui/icons-material';
import Warning from '@mui/icons-material/Warning';
import { styles as themeStyles } from 'component/common';
import { PageContent } from 'component/common/PageContent/PageContent';
import { PageHeader } from 'component/common/PageHeader/PageHeader';

View File

@ -1,6 +1,6 @@
import { useMemo } from 'react';
import { Avatar, Icon, Link } from '@mui/material';
import { Warning } from '@mui/icons-material';
import Warning from '@mui/icons-material/Warning';
import { styles as themeStyles } from 'component/common';
import { PageContent } from 'component/common/PageContent/PageContent';
import { PageHeader } from 'component/common/PageHeader/PageHeader';

View File

@ -11,7 +11,7 @@ import { useNavigate } from 'react-router-dom';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { useEffect } from 'react';
import { useFeedback } from '../feedbackNew/useFeedback';
import { ReviewsOutlined } from '@mui/icons-material';
import ReviewsOutlined from '@mui/icons-material/ReviewsOutlined';
const StyledDivider = styled(Divider)(({ theme }) => ({
marginTop: theme.spacing(2),

View File

@ -9,13 +9,10 @@ import {
Typography,
Divider,
} from '@mui/material';
import {
Extension,
FlagRounded,
Report,
SvgIconComponent,
Timeline,
} from '@mui/icons-material';
import Extension from '@mui/icons-material/Extension';
import FlagRounded from '@mui/icons-material/FlagRounded';
import Report from '@mui/icons-material/Report';
import Timeline from '@mui/icons-material/Timeline';
import {
CREATE_FEATURE,
CREATE_STRATEGY,
@ -82,7 +79,7 @@ export const ApplicationView = () => {
viewUrl: string;
name: string;
description: string;
Icon: SvgIconComponent;
Icon: React.ElementType;
i: number;
}) => (
<ListItem key={`found_${name}-${i}`}>

View File

@ -1,6 +1,7 @@
import { FC, useState } from 'react';
import { Button } from '@mui/material';
import { Delete, Undo } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Undo from '@mui/icons-material/Undo';
import {
DELETE_FEATURE,
UPDATE_FEATURE,

View File

@ -1,6 +1,7 @@
import { VFC } from 'react';
import { ActionCell } from 'component/common/Table/cells/ActionCell/ActionCell';
import { Delete, Undo } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Undo from '@mui/icons-material/Undo';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
import {
DELETE_FEATURE,

View File

@ -1,9 +1,7 @@
import {
Check,
ErrorOutlineRounded,
InfoOutlined,
WarningAmber,
} from '@mui/icons-material';
import Check from '@mui/icons-material/Check';
import ErrorOutlineRounded from '@mui/icons-material/ErrorOutlineRounded';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
import WarningAmber from '@mui/icons-material/WarningAmber';
import { styled, Icon, Link } from '@mui/material';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { useNavigate } from 'react-router-dom';

View File

@ -23,7 +23,9 @@ import {
Tooltip,
Typography,
} from '@mui/material';
import { Delete, Edit, MoreVert } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import MoreVert from '@mui/icons-material/MoreVert';
import { EditChange } from './EditChange';
const useShowActions = (changeRequest: ChangeRequestType, change: IChange) => {

View File

@ -1,12 +1,10 @@
import { styled } from '@mui/material';
import {
Cancel,
CheckCircle,
Schedule,
Edit,
Error as ErrorIcon,
PauseCircle,
} from '@mui/icons-material';
import Cancel from '@mui/icons-material/Cancel';
import CheckCircle from '@mui/icons-material/CheckCircle';
import Schedule from '@mui/icons-material/Schedule';
import Edit from '@mui/icons-material/Edit';
import ErrorIcon from '@mui/icons-material/Error';
import PauseCircle from '@mui/icons-material/PauseCircle';
import { Box, Typography, Divider } from '@mui/material';
const styledComponentPropCheck = () => (prop: string) =>

View File

@ -1,8 +1,8 @@
import { Box, styled, Typography } from '@mui/material';
import { FC } from 'react';
import { StyledAvatar } from '../ChangeRequestHeader/ChangeRequestHeader.styles';
import { CheckCircle, Cancel } from '@mui/icons-material';
import CheckCircle from '@mui/icons-material/CheckCircle';
import Cancel from '@mui/icons-material/Cancel';
interface IChangeRequestReviewerProps {
name?: string;
imageUrl?: string;

View File

@ -11,7 +11,7 @@ import {
ChangeRequestState,
} from '../../changeRequest.types';
import { HtmlTooltip } from '../../../common/HtmlTooltip/HtmlTooltip';
import { Error as ErrorIcon } from '@mui/icons-material';
import ErrorIcon from '@mui/icons-material/Error';
import { useLocationSettings } from 'hooks/useLocationSettings';
import { formatDateYMDHMS } from 'utils/formatDate';

View File

@ -3,7 +3,7 @@ import { Box, Button, styled, Typography } from '@mui/material';
import { DynamicSidebarModal } from 'component/common/SidebarModal/SidebarModal';
import { PageContent } from 'component/common/PageContent/PageContent';
import { PageHeader } from 'component/common/PageHeader/PageHeader';
import { CheckCircle } from '@mui/icons-material';
import CheckCircle from '@mui/icons-material/CheckCircle';
import { ChangeRequest } from '../ChangeRequest/ChangeRequest';
import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequests/usePendingChangeRequests';
import { useChangeRequestApi } from 'hooks/api/actions/useChangeRequestApi/useChangeRequestApi';

View File

@ -2,7 +2,7 @@ import React, { FC, useState } from 'react';
import { Box, Button, IconButton, styled, Typography } from '@mui/material';
import Input from 'component/common/Input/Input';
import { ChangeRequestType } from '../../changeRequest.types';
import { Edit } from '@mui/icons-material';
import Edit from '@mui/icons-material/Edit';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { useChangeRequestApi } from 'hooks/api/actions/useChangeRequestApi/useChangeRequestApi';
import { formatUnknownError } from 'utils/formatUnknownError';

View File

@ -17,7 +17,7 @@ import {
StyledFlexAlignCenterBox,
StyledSuccessIcon,
} from '../ChangeRequestSidebar';
import { CloudCircle } from '@mui/icons-material';
import CloudCircle from '@mui/icons-material/CloudCircle';
import { AddCommentField } from '../../ChangeRequestOverview/ChangeRequestComments/AddCommentField';
import { useAuthUser } from 'hooks/api/getters/useAuth/useAuthUser';
import Input from 'component/common/Input/Input';

View File

@ -1,5 +1,5 @@
import { Box, styled, Tooltip } from '@mui/material';
import { HelpOutline } from '@mui/icons-material';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { FC } from 'react';
import { PageHeader } from '../../../common/PageHeader/PageHeader';

View File

@ -1,14 +1,12 @@
import { VFC } from 'react';
import { ChangeRequestType } from '../changeRequest.types';
import { Badge } from 'component/common/Badge/Badge';
import {
AccessTime,
Check,
CircleOutlined,
Close,
Error as ErrorIcon,
PauseCircle,
} from '@mui/icons-material';
import AccessTime from '@mui/icons-material/AccessTime';
import Check from '@mui/icons-material/Check';
import CircleOutlined from '@mui/icons-material/CircleOutlined';
import Close from '@mui/icons-material/Close';
import ErrorIcon from '@mui/icons-material/Error';
import PauseCircle from '@mui/icons-material/PauseCircle';
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
interface IChangeRequestStatusBadgeProps {

View File

@ -1,7 +1,7 @@
import { IApiToken } from 'hooks/api/getters/useApiTokens/useApiTokens';
import useToast from 'hooks/useToast';
import copy from 'copy-to-clipboard';
import { FileCopy } from '@mui/icons-material';
import FileCopy from '@mui/icons-material/FileCopy';
import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton';
interface ICopyApiTokenButtonProps {

View File

@ -1,7 +1,7 @@
import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
import { CREATE_API_TOKEN_BUTTON } from 'utils/testIds';
import { useNavigate } from 'react-router-dom';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
interface ICreateApiTokenButton {
path: string;
permission: string | string[];

View File

@ -1,4 +1,4 @@
import { Delete } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import { styled } from '@mui/material';
import { IApiToken } from 'hooks/api/getters/useApiTokens/useApiTokens';
import { useState } from 'react';

View File

@ -7,7 +7,7 @@ import { TimeAgoCell } from 'component/common/Table/cells/TimeAgoCell/TimeAgoCel
import { useTable, useGlobalFilter, useSortBy } from 'react-table';
import { sortTypes } from 'utils/sortTypes';
import { ProjectsList } from 'component/admin/apiToken/ProjectsList/ProjectsList';
import { Key } from '@mui/icons-material';
import Key from '@mui/icons-material/Key';
export const useApiTokenTable = (
tokens: IApiToken[],

View File

@ -1,5 +1,5 @@
import { useStyles } from 'component/common/AutocompleteBox/AutocompleteBox.styles';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import {
Autocomplete,
InputAdornment,

View File

@ -1,4 +1,5 @@
import { Check, Close } from '@mui/icons-material';
import Check from '@mui/icons-material/Check';
import Close from '@mui/icons-material/Close';
import { styled } from '@mui/material';
interface ICheckMarkBadgeProps {

View File

@ -1,6 +1,7 @@
import React from 'react';
import { IconButton, styled, Tooltip } from '@mui/material';
import { Delete, Edit } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
interface ConstraintAccordionHeaderActionsProps {

View File

@ -5,7 +5,7 @@ import React, {
useImperativeHandle,
} from 'react';
import { Button, styled, Tooltip } from '@mui/material';
import { HelpOutline } from '@mui/icons-material';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { IConstraint } from 'interfaces/strategy';
import { ConstraintAccordion } from 'component/common/ConstraintAccordion/ConstraintAccordion';
import produce from 'immer';

View File

@ -1,6 +1,6 @@
import { VFC } from 'react';
import { Box } from '@mui/material';
import { TrackChanges } from '@mui/icons-material';
import TrackChanges from '@mui/icons-material/TrackChanges';
interface IConstraintIconProps {
compact?: boolean;

View File

@ -1,5 +1,5 @@
import { TextField, InputAdornment, Chip } from '@mui/material';
import { Search } from '@mui/icons-material';
import Search from '@mui/icons-material/Search';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
interface IConstraintValueSearchProps {

View File

@ -6,7 +6,7 @@ import {
VFC,
} from 'react';
import { Menu } from '@mui/material';
import { ArrowDropDown } from '@mui/icons-material';
import ArrowDropDown from '@mui/icons-material/ArrowDropDown';
import { DropdownButton } from './DropdownButton/DropdownButton';
export interface IDropdownMenuProps {

View File

@ -1,5 +1,5 @@
import { useTheme } from '@mui/material/styles';
import { Cloud } from '@mui/icons-material';
import Cloud from '@mui/icons-material/Cloud';
interface IEnvironmentIcon {
enabled: boolean;

View File

@ -1,6 +1,7 @@
import { useState, useEffect } from 'react';
import { Box, Button, Divider, Typography, styled } from '@mui/material';
import { PermMedia, Send } from '@mui/icons-material';
import PermMedia from '@mui/icons-material/PermMedia';
import Send from '@mui/icons-material/Send';
import { CustomEvents, usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { createLocalStorage } from 'utils/createLocalStorage';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';

View File

@ -1,10 +1,8 @@
import { VFC } from 'react';
import { IconButton, IconButtonProps } from '@mui/material';
import { ConditionallyRender } from '../ConditionallyRender/ConditionallyRender';
import {
Star as StarIcon,
StarBorder as StarBorderIcon,
} from '@mui/icons-material';
import StarIcon from '@mui/icons-material/Star';
import StarBorderIcon from '@mui/icons-material/StarBorder';
import { TooltipResolver } from '../TooltipResolver/TooltipResolver';
interface IFavoriteIconButtonProps extends IconButtonProps {

View File

@ -8,8 +8,9 @@ import {
Divider,
styled,
} from '@mui/material';
import { FileCopy, Info } from '@mui/icons-material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import FileCopy from '@mui/icons-material/FileCopy';
import Info from '@mui/icons-material/Info';
import Loader from '../Loader/Loader';
import copy from 'copy-to-clipboard';
import useToast from 'hooks/useToast';

View File

@ -8,7 +8,7 @@ import {
SelectChangeEvent,
} from '@mui/material';
import { SELECT_ITEM_ID } from 'utils/testIds';
import { KeyboardArrowDownOutlined } from '@mui/icons-material';
import KeyboardArrowDownOutlined from '@mui/icons-material/KeyboardArrowDownOutlined';
import { SxProps } from '@mui/system';
import { Theme } from '@mui/material/styles';

View File

@ -1,5 +1,5 @@
import { styled, Tooltip, TooltipProps } from '@mui/material';
import { HelpOutline } from '@mui/icons-material';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
const StyledContainer = styled('span')<{ size: string | undefined }>(

View File

@ -1,7 +1,8 @@
import { styled, Button, Typography } from '@mui/material';
import { IInstanceStatus, InstancePlan } from 'interfaces/instance';
import { INSTANCE_STATUS_BAR_ID } from 'utils/testIds';
import { InfoOutlined, WarningAmber } from '@mui/icons-material';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
import WarningAmber from '@mui/icons-material/WarningAmber';
import { useNavigate } from 'react-router-dom';
import { useContext } from 'react';
import AccessContext from 'contexts/AccessContext';

View File

@ -1,4 +1,4 @@
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { Button, Chip, Stack, styled } from '@mui/material';
import Input from 'component/common/Input/Input';
import { useState } from 'react';

View File

@ -1,6 +1,8 @@
import React from 'react';
import { IconButton, styled, Tooltip } from '@mui/material';
import { Delete, Edit, Undo } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import Undo from '@mui/icons-material/Undo';
import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender';
import { IConstraint } from 'interfaces/strategy';

View File

@ -1,6 +1,6 @@
import { VFC } from 'react';
import { Box } from '@mui/material';
import { TrackChanges } from '@mui/icons-material';
import TrackChanges from '@mui/icons-material/TrackChanges';
interface IConstraintIconProps {
compact?: boolean;

View File

@ -1,5 +1,5 @@
import { TextField, InputAdornment, Chip } from '@mui/material';
import { Search } from '@mui/icons-material';
import Search from '@mui/icons-material/Search';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
interface IConstraintValueSearchProps {

View File

@ -1,6 +1,6 @@
import React, { forwardRef, Fragment, useImperativeHandle } from 'react';
import { styled, Tooltip } from '@mui/material';
import { HelpOutline } from '@mui/icons-material';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { IConstraint } from 'interfaces/strategy';
import produce from 'immer';
import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';

View File

@ -12,7 +12,7 @@ import {
} from 'openapi';
import { ReactComponent as ChangesAppliedIcon } from 'assets/icons/merge.svg';
import TimeAgo from 'react-timeago';
import { ToggleOffOutlined } from '@mui/icons-material';
import ToggleOffOutlined from '@mui/icons-material/ToggleOffOutlined';
import { flexRow } from 'themes/themeStyles';
const StyledContainerBox = styled(Box, {

View File

@ -4,7 +4,8 @@ import {
TextField,
TextFieldProps,
} from '@mui/material';
import { Visibility, VisibilityOff } from '@mui/icons-material';
import Visibility from '@mui/icons-material/Visibility';
import VisibilityOff from '@mui/icons-material/VisibilityOff';
import React, { useState, VFC } from 'react';
const PasswordField: VFC<TextFieldProps> = ({ ...rest }) => {

View File

@ -1,5 +1,5 @@
import { Button, ButtonProps } from '@mui/material';
import { Lock } from '@mui/icons-material';
import Lock from '@mui/icons-material/Lock';
import React from 'react';
import {
TooltipResolver,

View File

@ -1,7 +1,7 @@
import { Badge } from 'component/common/Badge/Badge';
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
import { useRole } from 'hooks/api/getters/useRole/useRole';
import { Person as UserIcon } from '@mui/icons-material';
import UserIcon from '@mui/icons-material/Person';
import { RoleDescription } from 'component/common/RoleDescription/RoleDescription';
interface IRoleBadgeProps {

View File

@ -1,5 +1,5 @@
import { SxProps, Theme, styled } from '@mui/material';
import { SupervisedUserCircle } from '@mui/icons-material';
import SupervisedUserCircle from '@mui/icons-material/SupervisedUserCircle';
import { ConditionallyRender } from '../ConditionallyRender/ConditionallyRender';
import { useRole } from 'hooks/api/getters/useRole/useRole';
import {

View File

@ -8,7 +8,8 @@ import {
styled,
Tooltip,
} from '@mui/material';
import { Close, Search as SearchIcon } from '@mui/icons-material';
import Close from '@mui/icons-material/Close';
import SearchIcon from '@mui/icons-material/Search';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { SearchSuggestions } from './SearchSuggestions/SearchSuggestions';
import { IGetSearchContextOutput } from 'hooks/useSearch';

View File

@ -1,4 +1,4 @@
import { History } from '@mui/icons-material';
import History from '@mui/icons-material/History';
import { Box, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { VFC } from 'react';

View File

@ -1,4 +1,5 @@
import { FilterList, History } from '@mui/icons-material';
import FilterList from '@mui/icons-material/FilterList';
import History from '@mui/icons-material/History';
import { Box, Divider, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import {

View File

@ -1,6 +1,6 @@
import { useState, VFC } from 'react';
import { Link } from 'react-router-dom';
import { DonutLarge } from '@mui/icons-material';
import DonutLarge from '@mui/icons-material/DonutLarge';
import { ISegment } from 'interfaces/segment';
import {
Accordion,

View File

@ -1,5 +1,5 @@
import { DragEventHandler, FC, ReactNode } from 'react';
import { DragIndicator } from '@mui/icons-material';
import DragIndicator from '@mui/icons-material/DragIndicator';
import { Box, IconButton, styled } from '@mui/material';
import { IFeatureStrategy } from 'interfaces/strategy';
import {

View File

@ -1,9 +1,7 @@
import { useState, VFC } from 'react';
import { IconButton } from '@mui/material';
import {
Star as StarIcon,
StarBorder as StarBorderIcon,
} from '@mui/icons-material';
import StarIcon from '@mui/icons-material/Star';
import StarBorderIcon from '@mui/icons-material/StarBorder';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { TooltipResolver } from '../../TooltipResolver/TooltipResolver';

View File

@ -1,9 +1,7 @@
import { VFC } from 'react';
import {
KeyboardArrowDown,
KeyboardArrowUp,
UnfoldMoreOutlined,
} from '@mui/icons-material';
import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';
import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';
import UnfoldMoreOutlined from '@mui/icons-material/UnfoldMoreOutlined';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import classnames from 'classnames';
import { Theme } from '@mui/material';

View File

@ -1,9 +1,7 @@
import { VFC } from 'react';
import { Box, IconButton, styled } from '@mui/material';
import {
Star as StarIcon,
StarBorder as StarBorderIcon,
} from '@mui/icons-material';
import StarIcon from '@mui/icons-material/Star';
import StarBorderIcon from '@mui/icons-material/StarBorder';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
const StyledCell = styled(Box)(({ theme }) => ({

View File

@ -12,7 +12,7 @@ import {
Avatar,
Typography,
} from '@mui/material';
import { Apps } from '@mui/icons-material';
import Apps from '@mui/icons-material/Apps';
import styles from './common.module.scss';
import { ConditionallyRender } from './ConditionallyRender/ConditionallyRender';

View File

@ -1,4 +1,4 @@
import { Cancel } from '@mui/icons-material';
import Cancel from '@mui/icons-material/Cancel';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { styled } from '@mui/material';

View File

@ -9,7 +9,7 @@ import {
Link,
} from '@mui/material';
import React, { useState, useEffect } from 'react';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { ILegalValue } from 'interfaces/context';
import { ContextFormChip } from 'component/context/ContectFormChip/ContextFormChip';
import { ContextFormChipList } from 'component/context/ContectFormChip/ContextFormChipList';

View File

@ -1,7 +1,7 @@
import { VFC } from 'react';
import { useNavigate } from 'react-router-dom';
import { useMediaQuery } from '@mui/material';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { CREATE_CONTEXT_FIELD } from 'component/providers/AccessProvider/permissions';
import PermissionButton from 'component/common/PermissionButton/PermissionButton';

View File

@ -1,6 +1,7 @@
import { VFC } from 'react';
import { useNavigate } from 'react-router-dom';
import { Delete, Edit } from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import {
DELETE_CONTEXT_FIELD,
UPDATE_CONTEXT_FIELD,

View File

@ -21,7 +21,7 @@ import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightC
import { sortTypes } from 'utils/sortTypes';
import { LinkCell } from 'component/common/Table/cells/LinkCell/LinkCell';
import { ContextActionsCell } from '../ContextActionsCell';
import { Adjust } from '@mui/icons-material';
import Adjust from '@mui/icons-material/Adjust';
import { IconCell } from 'component/common/Table/cells/IconCell/IconCell';
import { Search } from 'component/common/Search/Search';
import { UsedInCell } from '../UsedInCell';

View File

@ -1,7 +1,7 @@
import { Button, Typography, styled } from '@mui/material';
import { DemoDialog } from '../DemoDialog';
import { GitHub } from '@mui/icons-material';
import { Launch } from '@mui/icons-material';
import GitHub from '@mui/icons-material/GitHub';
import Launch from '@mui/icons-material/Launch';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
const StyledDemoDialog = styled(DemoDialog)(({ theme }) => ({

View File

@ -1,7 +1,7 @@
import { Button, Divider, Typography, styled } from '@mui/material';
import demoQR from 'assets/img/demo-qr.png';
import { formatAssetPath } from 'utils/formatPath';
import { Launch } from '@mui/icons-material';
import Launch from '@mui/icons-material/Launch';
import { DemoDialog } from '../DemoDialog';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';

View File

@ -9,7 +9,9 @@ import {
linearProgressClasses,
styled,
} from '@mui/material';
import { CheckCircle, CircleOutlined, ExpandMore } from '@mui/icons-material';
import CheckCircle from '@mui/icons-material/CheckCircle';
import CircleOutlined from '@mui/icons-material/CircleOutlined';
import ExpandMore from '@mui/icons-material/ExpandMore';
import { ITutorialTopic } from '../demo-topics';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { ReactComponent as StarsIcon } from 'assets/img/stars.svg';

View File

@ -1,5 +1,5 @@
import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { ADMIN } from 'component/providers/AccessProvider/permissions';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { useNavigate } from 'react-router-dom';

View File

@ -18,13 +18,11 @@ import {
DELETE_ENVIRONMENT,
UPDATE_ENVIRONMENT,
} from 'component/providers/AccessProvider/permissions';
import {
Delete,
Edit,
AddToPhotos as CopyIcon,
VisibilityOffOutlined,
VisibilityOutlined,
} from '@mui/icons-material';
import Delete from '@mui/icons-material/Delete';
import Edit from '@mui/icons-material/Edit';
import CopyIcon from '@mui/icons-material/AddToPhotos';
import VisibilityOffOutlined from '@mui/icons-material/VisibilityOffOutlined';
import VisibilityOutlined from '@mui/icons-material/VisibilityOutlined';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
const StyledMenuList = styled(MenuList)(({ theme }) => ({

View File

@ -1,7 +1,8 @@
import { VFC } from 'react';
import { styled } from '@mui/material';
import { Box, IconButton } from '@mui/material';
import { CloudCircle, DragIndicator } from '@mui/icons-material';
import CloudCircle from '@mui/icons-material/CloudCircle';
import DragIndicator from '@mui/icons-material/DragIndicator';
import { IEnvironment } from 'interfaces/environments';
const StyledCell = styled(Box)(({ theme }) => ({

View File

@ -1,7 +1,7 @@
import { ReactNode, VFC } from 'react';
import { useUiFlag } from 'hooks/useUiFlag';
import { useFeedback } from 'component/feedbackNew/useFeedback';
import { ReviewsOutlined } from '@mui/icons-material';
import ReviewsOutlined from '@mui/icons-material/ReviewsOutlined';
import {
Button,
Typography,

View File

@ -1,5 +1,5 @@
import { VFC, useState } from 'react';
import { Share } from '@mui/icons-material';
import Share from '@mui/icons-material/Share';
import { Box, Button, Typography } from '@mui/material';
import { Dialogue } from 'component/common/Dialogue/Dialogue';
import { LinkField } from 'component/admin/users/LinkField/LinkField';

View File

@ -1,4 +1,4 @@
import { Settings } from '@mui/icons-material';
import Settings from '@mui/icons-material/Settings';
import { Box, Typography, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';

View File

@ -1,5 +1,5 @@
import { type FC } from 'react';
import { ChevronRight } from '@mui/icons-material';
import ChevronRight from '@mui/icons-material/ChevronRight';
import { Box, Typography, styled } from '@mui/material';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { useUiFlag } from 'hooks/useUiFlag';

View File

@ -9,7 +9,7 @@ import {
Alert,
styled,
} from '@mui/material';
import { FileCopy } from '@mui/icons-material';
import FileCopy from '@mui/icons-material/FileCopy';
import { formatUnknownError } from 'utils/formatUnknownError';
import { trim } from 'component/common/util';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';

View File

@ -1,7 +1,7 @@
import classnames from 'classnames';
import { Link, useNavigate } from 'react-router-dom';
import useMediaQuery from '@mui/material/useMediaQuery';
import { Add } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { NAVIGATE_TO_CREATE_FEATURE } from 'utils/testIds';
import { useCreateFeaturePath } from 'component/feature/CreateFeatureButton/useCreateFeaturePath';

View File

@ -11,7 +11,7 @@ import {
import FeatureTypeSelect from '../FeatureView/FeatureSettings/FeatureSettingsMetadata/FeatureTypeSelect/FeatureTypeSelect';
import { CF_DESC_ID, CF_NAME_ID, CF_TYPE_ID } from 'utils/testIds';
import useFeatureTypes from 'hooks/api/getters/useFeatureTypes/useFeatureTypes';
import { KeyboardArrowDownOutlined } from '@mui/icons-material';
import KeyboardArrowDownOutlined from '@mui/icons-material/KeyboardArrowDownOutlined';
import { projectFilterGenerator } from 'utils/projectFilterGenerator';
import FeatureProjectSelect from '../FeatureView/FeatureSettings/FeatureSettingsProject/FeatureProjectSelect/FeatureProjectSelect';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';

View File

@ -1,6 +1,7 @@
import React, { forwardRef, RefObject } from 'react';
import { Box, Button, styled, Tooltip, Typography } from '@mui/material';
import { Add, HelpOutline } from '@mui/icons-material';
import Add from '@mui/icons-material/Add';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { IConstraint } from 'interfaces/strategy';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';

View File

@ -7,7 +7,7 @@ import {
MenuItem,
Tooltip,
} from '@mui/material';
import { Lock } from '@mui/icons-material';
import Lock from '@mui/icons-material/Lock';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
import { IFeatureEnvironment } from 'interfaces/featureToggle';
import AccessContext from 'contexts/AccessContext';

View File

@ -7,7 +7,7 @@ import { CREATE_FEATURE_STRATEGY } from 'component/providers/AccessProvider/perm
import { Popover, styled } from '@mui/material';
import { FeatureStrategyMenuCards } from './FeatureStrategyMenuCards/FeatureStrategyMenuCards';
import { formatCreateStrategyPath } from '../FeatureStrategyCreate/FeatureStrategyCreate';
import { MoreVert } from '@mui/icons-material';
import MoreVert from '@mui/icons-material/MoreVert';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
interface IFeatureStrategyMenuProps {

View File

@ -1,7 +1,9 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { ISegment } from 'interfaces/segment';
import { Clear, VisibilityOff, Visibility } from '@mui/icons-material';
import Clear from '@mui/icons-material/Clear';
import VisibilityOff from '@mui/icons-material/VisibilityOff';
import Visibility from '@mui/icons-material/Visibility';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import { constraintAccordionListId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
import { styled, Theme, Tooltip } from '@mui/material';

Some files were not shown because too many files have changed in this diff Show More