From f381718fd6c171dd97840a5190c28a3d3fa5c8d8 Mon Sep 17 00:00:00 2001 From: Fredrik Strand Oseberg Date: Tue, 12 Mar 2024 10:56:10 +0100 Subject: [PATCH] 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: Skjermbilde 2024-03-11 kl 14 19 58 After: Skjermbilde 2024-03-11 kl 14 20 32 Build time locally decreased by around 50% Before: Skjermbilde 2024-03-11 kl 14 31 45 After: Skjermbilde 2024-03-11 kl 14 27 00 --- .../component/accessOverview/AccessOverview.tsx | 2 +- .../EnvironmentSelector/EnvironmentSelector.tsx | 2 +- .../admin/banners/BannerModal/BannerForm.tsx | 2 +- .../banners/BannersTable/BannersActionsCell.tsx | 3 ++- .../src/component/admin/groups/Group/Group.tsx | 4 +++- .../GroupFormUsersTable/GroupFormUsersTable.tsx | 2 +- .../GroupCardActions/GroupCardActions.tsx | 5 ++++- .../admin/groups/GroupsList/GroupsList.tsx | 2 +- .../instance-admin/InstanceStats/InstanceStats.tsx | 2 +- .../RolePermissionCategories.tsx | 8 +++----- .../RolePermissionCategory.tsx | 2 +- frontend/src/component/admin/roles/RolesPage.tsx | 2 +- .../RolesActionsCell/RolesActionsCell.tsx | 3 ++- .../admin/roles/RolesTable/RolesTable.tsx | 2 +- .../ServiceAccountTokens/ServiceAccountTokens.tsx | 2 +- .../ServiceAccountsActionsCell.tsx | 3 ++- .../admin/users/AccessMatrix/PermissionsTable.tsx | 3 ++- .../InactiveUsersActionCell.tsx | 2 +- .../users/UsersList/UserTypeCell/UserTypeCell.tsx | 2 +- .../UsersActionsCell/UsersActionsCell.tsx | 6 +++++- .../component/admin/users/UsersList/UsersList.tsx | 2 +- frontend/src/component/application/Application.tsx | 3 ++- .../src/component/application/ApplicationChart.tsx | 10 ++++------ .../ApplicationEdit/ApplicationEdit.tsx | 2 +- .../ApplicationIssues/ApplicationIssues.tsx | 2 +- .../ApplicationList/ApplicationList.tsx | 2 +- .../ApplicationList/PaginatedApplicationList.tsx | 2 +- .../component/application/ApplicationOverview.tsx | 2 +- .../ApplicationView/ApplicationView.tsx | 13 +++++-------- .../archive/ArchiveTable/ArchiveBatchActions.tsx | 3 ++- .../ArchivedFeatureActionCell.tsx | 3 ++- frontend/src/component/banners/Banner/Banner.tsx | 10 ++++------ .../ChangeRequest/Changes/Change/ChangeActions.tsx | 4 +++- .../ChangeRequestReviewStatus.styles.ts | 14 ++++++-------- .../ChangeRequestReviewer.tsx | 4 ++-- .../ChangeRequestTimeline.tsx | 2 +- .../ChangeRequestSidebar/ChangeRequestSidebar.tsx | 2 +- .../ChangeRequestTitle.tsx | 2 +- .../EnvironmentChangeRequest.tsx | 2 +- .../ReviewChangesHeader/ReviewChangesHeader.tsx | 2 +- .../ChangeRequestStatusBadge.tsx | 14 ++++++-------- .../CopyApiTokenButton/CopyApiTokenButton.tsx | 2 +- .../CreateApiTokenButton/CreateApiTokenButton.tsx | 2 +- .../RemoveApiTokenButton/RemoveApiTokenButton.tsx | 2 +- .../common/ApiTokenTable/useApiTokenTable.tsx | 2 +- .../common/AutocompleteBox/AutocompleteBox.tsx | 2 +- .../common/CheckmarkBadge/CheckMarkBadge.tsx | 3 ++- .../ConstraintAccordionHeaderActions.tsx | 3 ++- .../ConstraintAccordionList.tsx | 2 +- .../common/ConstraintAccordion/ConstraintIcon.tsx | 2 +- .../ConstraintValueSearch.tsx | 2 +- .../component/common/DropdownMenu/DropdownMenu.tsx | 2 +- .../common/EnvironmentIcon/EnvironmentIcon.tsx | 2 +- .../ExperimentalFeedback/ExperimentalFeedback.tsx | 3 ++- .../FavoriteIconButton/FavoriteIconButton.tsx | 6 ++---- .../component/common/FormTemplate/FormTemplate.tsx | 3 ++- .../common/GeneralSelect/GeneralSelect.tsx | 2 +- .../src/component/common/HelpIcon/HelpIcon.tsx | 2 +- .../common/InstanceStatus/InstanceStatusBar.tsx | 3 ++- .../src/component/common/ItemList/ItemList.tsx | 2 +- .../ConstraintAccordionHeaderActions.tsx | 4 +++- .../NewConstraintAccordion/ConstraintIcon.tsx | 2 +- .../ConstraintValueSearch.tsx | 2 +- .../NewConstraintAccordionList.tsx | 2 +- .../common/Notifications/Notification.tsx | 2 +- .../common/PasswordField/PasswordField.tsx | 3 ++- .../common/PermissionButton/PermissionButton.tsx | 2 +- .../src/component/common/RoleBadge/RoleBadge.tsx | 2 +- .../common/RoleDescription/RoleDescription.tsx | 2 +- frontend/src/component/common/Search/Search.tsx | 3 ++- .../Search/SearchSuggestions/SearchHistory.tsx | 2 +- .../Search/SearchSuggestions/SearchSuggestions.tsx | 3 ++- .../component/common/SegmentItem/SegmentItem.tsx | 2 +- .../StrategyItemContainer.tsx | 2 +- .../FavoriteIconHeader/FavoriteIconHeader.tsx | 6 ++---- .../CellSortable/SortArrow/SortArrow.tsx | 8 +++----- .../cells/FavoriteIconCell/FavoriteIconCell.tsx | 6 ++---- frontend/src/component/common/index.jsx | 2 +- .../context/ContectFormChip/ContextFormChip.tsx | 2 +- .../component/context/ContextForm/ContextForm.tsx | 2 +- .../context/ContextList/AddContextButton.tsx | 2 +- .../context/ContextList/ContextActionsCell.tsx | 3 ++- .../ContextList/ContextList/ContextList.tsx | 2 +- .../DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx | 4 ++-- .../DemoDialogWelcome/DemoDialogWelcome.tsx | 2 +- .../src/component/demo/DemoTopics/DemoTopics.tsx | 4 +++- .../CreateEnvironmentButton.tsx | 2 +- .../EnvironmentActionCellPopover.tsx | 12 +++++------- .../EnvironmentIconCell/EnvironmentIconCell.tsx | 3 ++- .../components/DashboardHeader/DashboardHeader.tsx | 2 +- .../DashboardHeader/ShareLink/ShareLink.tsx | 2 +- .../componentsStat/FlagStats/FlagStats.tsx | 2 +- .../componentsStat/UserStats/UserStats.tsx | 2 +- .../component/feature/CopyFeature/CopyFeature.tsx | 2 +- .../CreateFeatureButton/CreateFeatureButton.tsx | 2 +- .../component/feature/FeatureForm/FeatureForm.tsx | 2 +- .../FeatureStrategyConstraintAccordionList.tsx | 3 ++- .../FeatureStrategyEmpty/CopyButton/CopyButton.tsx | 2 +- .../FeatureStrategyMenu/FeatureStrategyMenu.tsx | 2 +- .../FeatureStrategySegmentChip.tsx | 4 +++- .../FeatureToggleListActions.tsx | 4 +++- .../FeatureToggleList/FeatureToggleListTable.tsx | 2 +- .../FeatureMetricsTable/FeatureMetricsTable.tsx | 2 +- .../CopyStrategyIconMenu/CopyStrategyIconMenu.tsx | 3 ++- .../StrategyItem/StrategyItem.tsx | 2 +- .../FeatureOverviewEnvironment.tsx | 2 +- .../FeatureOverviewEnvironmentMetrics.tsx | 2 +- .../FeatureOverviewMetaData.tsx | 2 +- .../DependencyActions.tsx | 4 +++- .../FeatureOverviewSidePanelEnvironmentHider.tsx | 3 ++- .../FeatureOverviewSidePanelTags.tsx | 3 ++- .../FeatureOverview/ManageTagsDialog/TagsInput.tsx | 2 +- .../FeatureSettingsInformation.tsx | 2 +- .../EnvironmentVariantsCard.tsx | 2 +- .../EnvironmentVariantsModal.tsx | 2 +- .../VariantForm/VariantForm.tsx | 2 +- .../VariantOverrides/VariantOverrides.tsx | 2 +- .../FeatureEnvironmentVariants.tsx | 2 +- .../FeatureVariants/VariantsTooltipWarning.tsx | 2 +- .../component/feature/FeatureView/FeatureView.tsx | 14 ++++++-------- .../feature/StrategyTypes/NewStrategyVariants.tsx | 2 +- .../StrategyInputList/StrategyInputList.tsx | 2 +- .../component/featureTypes/FeatureTypesList.tsx | 2 +- .../component/feedback/FeedbackCES/FeedbackCES.tsx | 2 +- frontend/src/component/filter/AddFilterButton.tsx | 2 +- .../src/component/filter/FilterItem/FilterItem.tsx | 2 +- .../FilterItem/FilterItemChip/FilterItemChip.tsx | 3 ++- .../IntegrationCardMenu/IntegrationCardMenu.tsx | 3 ++- .../IntegrationIcon/IntegrationIcon.tsx | 2 +- .../LoginHistoryActionsCell.tsx | 2 +- .../LoginHistoryTable/LoginHistoryTable.tsx | 2 +- .../component/maintenance/MaintenanceBanner.tsx | 2 +- frontend/src/component/menu/Header/Header.tsx | 8 +++----- .../InviteLinkButton/InviteLinkButton.tsx | 2 +- .../AdvancedPlaygroundEnvironmentCell.tsx | 2 +- .../PlaygroundEditor/PlaygroundEditor.tsx | 2 +- .../PlaygroundConnectionFieldset.tsx | 2 +- .../PlaygroundGuidancePopper.tsx | 3 ++- .../FeatureDetails/FeatureDetails.tsx | 2 +- .../FeatureResultInfoPopoverCell.tsx | 2 +- .../ConstraintError/ConstraintError.tsx | 2 +- .../ConstraintOk/ConstraintOk.tsx | 2 +- .../CustomParameterItem/CustomParameterItem.tsx | 2 +- .../PlaygroundParameterItem.tsx | 2 +- .../SegmentExecution/SegmentExecution.tsx | 2 +- .../PlaygroundResultChip/PlaygroundResultChip.tsx | 2 +- .../VariantCell/VariantCell.tsx | 2 +- .../VariantInformation/VariantInformation.tsx | 2 +- .../HiddenProjectIconWithTooltip.tsx | 2 +- .../Import/configure/ConfigurationStage.tsx | 2 +- .../Project/Import/configure/ImportOptions.tsx | 2 +- .../project/Project/Import/import/ImportStage.tsx | 4 +++- .../ProjectFeatureTogglesHeader.tsx | 3 ++- frontend/src/component/project/Project/Project.tsx | 2 +- .../ProjectFeaturesBatchActions/MoreActions.tsx | 3 ++- .../ReportTable/ReportCard/ReportCard.tsx | 2 +- .../ReportStatusCell/ReportStatusCell.tsx | 3 ++- .../ChangeRequestProcessHelp.tsx | 2 +- .../ChangeRequestTable.tsx | 2 +- .../ProjectActions/ProjectActions.tsx | 2 +- .../ProjectActionsLastEvent.tsx | 3 ++- .../ProjectActionsEventsDetails.tsx | 2 +- .../ProjectActionsEventsDetailsAction.tsx | 3 ++- ...ectActionsEventsDetailsSourceSignalEndpoint.tsx | 2 +- .../ProjectActionsEventsStateCell.tsx | 3 ++- .../ProjectActionsActionItem.tsx | 2 +- .../ProjectActionsFormStepActions.tsx | 2 +- .../ProjectActionsFilterItem.tsx | 2 +- .../ProjectActionsFormStepSource.tsx | 2 +- .../ProjectActionsPreviewPayload.tsx | 2 +- .../ProjectActionsTableActionsCell.tsx | 4 +++- .../ProjectEnvironmentDefaultStrategy.tsx | 2 +- .../project/Project/ProjectStats/HelpPopper.tsx | 3 ++- .../project/Project/ProjectStats/StatusBox.tsx | 3 ++- .../ProjectAccessTable/ProjectAccessTable.tsx | 4 +++- .../ProjectGroupView/ProjectGroupView.tsx | 3 ++- .../project/ProjectCard/ProjectCard.styles.ts | 3 ++- .../component/project/ProjectList/ProjectList.tsx | 2 +- .../EditSegmentButton/EditSegmentButton.tsx | 2 +- .../RemoveSegmentButton/RemoveSegmentButton.tsx | 2 +- .../src/component/segments/SegmentFormStepList.tsx | 2 +- .../src/component/segments/SegmentFormStepTwo.tsx | 2 +- .../segments/SegmentTable/SegmentTable.tsx | 2 +- .../SignalEndpointsTokens.tsx | 2 +- .../SignalEndpointsActionsCell.tsx | 4 +++- .../src/component/splash/SplashPageOperators.tsx | 2 +- .../AddStrategyButton/AddStrategyButton.tsx | 2 +- .../strategies/StrategiesList/StrategiesList.tsx | 2 +- .../StrategyDeleteButton/StrategyDeleteButton.tsx | 2 +- .../StrategyEditButton/StrategyEditButton.tsx | 2 +- .../strategies/StrategyForm/StrategyForm.tsx | 2 +- .../StrategyParameter/StrategyParameter.tsx | 2 +- .../StrategyDetails/StrategyDetails.tsx | 3 ++- .../strategies/StrategyView/StrategyView.tsx | 2 +- .../strategies/TogglesLinkList/TogglesLinkList.tsx | 3 ++- .../AddTagTypeButton/AddTagTypeButton.tsx | 2 +- .../src/component/tags/TagTypeList/TagTypeList.tsx | 4 +++- .../PersonalAPITokensTab/PersonalAPITokensTab.tsx | 2 +- .../hooks/api/getters/useUiConfig/defaultValue.ts | 2 +- 199 files changed, 306 insertions(+), 266 deletions(-) diff --git a/frontend/src/component/accessOverview/AccessOverview.tsx b/frontend/src/component/accessOverview/AccessOverview.tsx index 57205ae754..e5fb585e47 100644 --- a/frontend/src/component/accessOverview/AccessOverview.tsx +++ b/frontend/src/component/accessOverview/AccessOverview.tsx @@ -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 = () => { diff --git a/frontend/src/component/admin/apiToken/ApiTokenForm/EnvironmentSelector/EnvironmentSelector.tsx b/frontend/src/component/admin/apiToken/ApiTokenForm/EnvironmentSelector/EnvironmentSelector.tsx index c0186e20ea..142b6b4a37 100644 --- a/frontend/src/component/admin/apiToken/ApiTokenForm/EnvironmentSelector/EnvironmentSelector.tsx +++ b/frontend/src/component/admin/apiToken/ApiTokenForm/EnvironmentSelector/EnvironmentSelector.tsx @@ -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, diff --git a/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx b/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx index 52370967f4..f33b5e6676 100644 --- a/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx +++ b/frontend/src/component/admin/banners/BannerModal/BannerForm.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/admin/banners/BannersTable/BannersActionsCell.tsx b/frontend/src/component/admin/banners/BannersTable/BannersActionsCell.tsx index cdc6f028c3..446f7aed10 100644 --- a/frontend/src/component/admin/banners/BannersTable/BannersActionsCell.tsx +++ b/frontend/src/component/admin/banners/BannersTable/BannersActionsCell.tsx @@ -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'; diff --git a/frontend/src/component/admin/groups/Group/Group.tsx b/frontend/src/component/admin/groups/Group/Group.tsx index 6b26cf947d..08b1d990a5 100644 --- a/frontend/src/component/admin/groups/Group/Group.tsx +++ b/frontend/src/component/admin/groups/Group/Group.tsx @@ -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'; diff --git a/frontend/src/component/admin/groups/GroupForm/GroupFormUsersTable/GroupFormUsersTable.tsx b/frontend/src/component/admin/groups/GroupForm/GroupFormUsersTable/GroupFormUsersTable.tsx index b46c8ad84b..7c3aeebb38 100644 --- a/frontend/src/component/admin/groups/GroupForm/GroupFormUsersTable/GroupFormUsersTable.tsx +++ b/frontend/src/component/admin/groups/GroupForm/GroupFormUsersTable/GroupFormUsersTable.tsx @@ -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'; diff --git a/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx b/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx index d427860015..4799ffea56 100644 --- a/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx +++ b/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/admin/groups/GroupsList/GroupsList.tsx b/frontend/src/component/admin/groups/GroupsList/GroupsList.tsx index 4276fa85e8..184ee97c10 100644 --- a/frontend/src/component/admin/groups/GroupsList/GroupsList.tsx +++ b/frontend/src/component/admin/groups/GroupsList/GroupsList.tsx @@ -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'; diff --git a/frontend/src/component/admin/instance-admin/InstanceStats/InstanceStats.tsx b/frontend/src/component/admin/instance-admin/InstanceStats/InstanceStats.tsx index 1ac303096f..8636786044 100644 --- a/frontend/src/component/admin/instance-admin/InstanceStats/InstanceStats.tsx +++ b/frontend/src/component/admin/instance-admin/InstanceStats/InstanceStats.tsx @@ -1,4 +1,4 @@ -import { Download } from '@mui/icons-material'; +import Download from '@mui/icons-material/Download'; import { Button, Table, diff --git a/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategories.tsx b/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategories.tsx index 6a622ee651..3aab5aa372 100644 --- a/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategories.tsx +++ b/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategories.tsx @@ -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, diff --git a/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategory.tsx b/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategory.tsx index c77f7f2df7..0bdc54af61 100644 --- a/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategory.tsx +++ b/frontend/src/component/admin/roles/RoleForm/RolePermissionCategories/RolePermissionCategory.tsx @@ -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'; diff --git a/frontend/src/component/admin/roles/RolesPage.tsx b/frontend/src/component/admin/roles/RolesPage.tsx index 3de251afcd..cbf8adb330 100644 --- a/frontend/src/component/admin/roles/RolesPage.tsx +++ b/frontend/src/component/admin/roles/RolesPage.tsx @@ -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'; diff --git a/frontend/src/component/admin/roles/RolesTable/RolesActionsCell/RolesActionsCell.tsx b/frontend/src/component/admin/roles/RolesTable/RolesActionsCell/RolesActionsCell.tsx index b7cf6d68b0..50127d2f0e 100644 --- a/frontend/src/component/admin/roles/RolesTable/RolesActionsCell/RolesActionsCell.tsx +++ b/frontend/src/component/admin/roles/RolesTable/RolesActionsCell/RolesActionsCell.tsx @@ -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'; diff --git a/frontend/src/component/admin/roles/RolesTable/RolesTable.tsx b/frontend/src/component/admin/roles/RolesTable/RolesTable.tsx index 51f4ef67f8..ddec7c6315 100644 --- a/frontend/src/component/admin/roles/RolesTable/RolesTable.tsx +++ b/frontend/src/component/admin/roles/RolesTable/RolesTable.tsx @@ -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'; diff --git a/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountTokens/ServiceAccountTokens.tsx b/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountTokens/ServiceAccountTokens.tsx index d6e8d62fab..05fa841ba6 100644 --- a/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountTokens/ServiceAccountTokens.tsx +++ b/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountTokens/ServiceAccountTokens.tsx @@ -1,4 +1,4 @@ -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { Button, IconButton, diff --git a/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountsActionsCell/ServiceAccountsActionsCell.tsx b/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountsActionsCell/ServiceAccountsActionsCell.tsx index 13a4ffc5c2..aac105e122 100644 --- a/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountsActionsCell/ServiceAccountsActionsCell.tsx +++ b/frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountsActionsCell/ServiceAccountsActionsCell.tsx @@ -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'; diff --git a/frontend/src/component/admin/users/AccessMatrix/PermissionsTable.tsx b/frontend/src/component/admin/users/AccessMatrix/PermissionsTable.tsx index 72d632ec1b..ed28daf69f 100644 --- a/frontend/src/component/admin/users/AccessMatrix/PermissionsTable.tsx +++ b/frontend/src/component/admin/users/AccessMatrix/PermissionsTable.tsx @@ -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'; diff --git a/frontend/src/component/admin/users/InactiveUsersList/InactiveUsersActionCell/InactiveUsersActionCell.tsx b/frontend/src/component/admin/users/InactiveUsersList/InactiveUsersActionCell/InactiveUsersActionCell.tsx index 82794a9d79..9a21e7626a 100644 --- a/frontend/src/component/admin/users/InactiveUsersList/InactiveUsersActionCell/InactiveUsersActionCell.tsx +++ b/frontend/src/component/admin/users/InactiveUsersList/InactiveUsersActionCell/InactiveUsersActionCell.tsx @@ -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', diff --git a/frontend/src/component/admin/users/UsersList/UserTypeCell/UserTypeCell.tsx b/frontend/src/component/admin/users/UsersList/UserTypeCell/UserTypeCell.tsx index 226edd0316..cabe5743fc 100644 --- a/frontend/src/component/admin/users/UsersList/UserTypeCell/UserTypeCell.tsx +++ b/frontend/src/component/admin/users/UsersList/UserTypeCell/UserTypeCell.tsx @@ -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'; diff --git a/frontend/src/component/admin/users/UsersList/UsersActionsCell/UsersActionsCell.tsx b/frontend/src/component/admin/users/UsersList/UsersActionsCell/UsersActionsCell.tsx index 22cdce28fb..09ea70c947 100644 --- a/frontend/src/component/admin/users/UsersList/UsersActionsCell/UsersActionsCell.tsx +++ b/frontend/src/component/admin/users/UsersList/UsersActionsCell/UsersActionsCell.tsx @@ -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'; diff --git a/frontend/src/component/admin/users/UsersList/UsersList.tsx b/frontend/src/component/admin/users/UsersList/UsersList.tsx index add4a51a75..8d30364b39 100644 --- a/frontend/src/component/admin/users/UsersList/UsersList.tsx +++ b/frontend/src/component/admin/users/UsersList/UsersList.tsx @@ -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'; diff --git a/frontend/src/component/application/Application.tsx b/frontend/src/component/application/Application.tsx index 36ee8746bc..31f41f0992 100644 --- a/frontend/src/component/application/Application.tsx +++ b/frontend/src/component/application/Application.tsx @@ -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'; diff --git a/frontend/src/component/application/ApplicationChart.tsx b/frontend/src/component/application/ApplicationChart.tsx index d4e24ca8ed..6dc156080d 100644 --- a/frontend/src/component/application/ApplicationChart.tsx +++ b/frontend/src/component/application/ApplicationChart.tsx @@ -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'; diff --git a/frontend/src/component/application/ApplicationEdit/ApplicationEdit.tsx b/frontend/src/component/application/ApplicationEdit/ApplicationEdit.tsx index f5a06c1bc8..2fb3359fa7 100644 --- a/frontend/src/component/application/ApplicationEdit/ApplicationEdit.tsx +++ b/frontend/src/component/application/ApplicationEdit/ApplicationEdit.tsx @@ -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'; diff --git a/frontend/src/component/application/ApplicationIssues/ApplicationIssues.tsx b/frontend/src/component/application/ApplicationIssues/ApplicationIssues.tsx index 1210cdff2e..4447db2469 100644 --- a/frontend/src/component/application/ApplicationIssues/ApplicationIssues.tsx +++ b/frontend/src/component/application/ApplicationIssues/ApplicationIssues.tsx @@ -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 { diff --git a/frontend/src/component/application/ApplicationList/ApplicationList.tsx b/frontend/src/component/application/ApplicationList/ApplicationList.tsx index dff71ee6c6..96f9df3928 100644 --- a/frontend/src/component/application/ApplicationList/ApplicationList.tsx +++ b/frontend/src/component/application/ApplicationList/ApplicationList.tsx @@ -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'; diff --git a/frontend/src/component/application/ApplicationList/PaginatedApplicationList.tsx b/frontend/src/component/application/ApplicationList/PaginatedApplicationList.tsx index 31cff124ed..4d09feb72e 100644 --- a/frontend/src/component/application/ApplicationList/PaginatedApplicationList.tsx +++ b/frontend/src/component/application/ApplicationList/PaginatedApplicationList.tsx @@ -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'; diff --git a/frontend/src/component/application/ApplicationOverview.tsx b/frontend/src/component/application/ApplicationOverview.tsx index efdde37c25..8583ef3ced 100644 --- a/frontend/src/component/application/ApplicationOverview.tsx +++ b/frontend/src/component/application/ApplicationOverview.tsx @@ -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), diff --git a/frontend/src/component/application/ApplicationView/ApplicationView.tsx b/frontend/src/component/application/ApplicationView/ApplicationView.tsx index f77807ecac..b6d37e5197 100644 --- a/frontend/src/component/application/ApplicationView/ApplicationView.tsx +++ b/frontend/src/component/application/ApplicationView/ApplicationView.tsx @@ -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; }) => ( diff --git a/frontend/src/component/archive/ArchiveTable/ArchiveBatchActions.tsx b/frontend/src/component/archive/ArchiveTable/ArchiveBatchActions.tsx index 5ad5122523..e6f0d3bf5e 100644 --- a/frontend/src/component/archive/ArchiveTable/ArchiveBatchActions.tsx +++ b/frontend/src/component/archive/ArchiveTable/ArchiveBatchActions.tsx @@ -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, diff --git a/frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureActionCell.tsx b/frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureActionCell.tsx index eb98653070..31668dd1f9 100644 --- a/frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureActionCell.tsx +++ b/frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureActionCell.tsx @@ -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, diff --git a/frontend/src/component/banners/Banner/Banner.tsx b/frontend/src/component/banners/Banner/Banner.tsx index 9d79187e03..c27ebd1ec3 100644 --- a/frontend/src/component/banners/Banner/Banner.tsx +++ b/frontend/src/component/banners/Banner/Banner.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx index 2c97eee66e..2202638a5e 100644 --- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx +++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx @@ -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) => { diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts index dbc1ede5f7..3769d9749f 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewStatus/ChangeRequestReviewStatus.styles.ts @@ -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) => diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewers/ChangeRequestReviewer.tsx b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewers/ChangeRequestReviewer.tsx index 461204fa40..4bfe81688e 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewers/ChangeRequestReviewer.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestReviewers/ChangeRequestReviewer.tsx @@ -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; diff --git a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx index d346bc6921..9c08dff2c4 100644 --- a/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestTimeline/ChangeRequestTimeline.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx index 1a28abc734..55e990fcb8 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/ChangeRequestSidebar.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/ChangeRequestTitle.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/ChangeRequestTitle.tsx index 399bdd7c00..a029e52b2d 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/ChangeRequestTitle.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/ChangeRequestTitle.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/EnvironmentChangeRequest.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/EnvironmentChangeRequest.tsx index 14ea774daa..864723bc44 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/EnvironmentChangeRequest.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/EnvironmentChangeRequest.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequestSidebar/ReviewChangesHeader/ReviewChangesHeader.tsx b/frontend/src/component/changeRequest/ChangeRequestSidebar/ReviewChangesHeader/ReviewChangesHeader.tsx index 2f9c55fcee..2d0280fa30 100644 --- a/frontend/src/component/changeRequest/ChangeRequestSidebar/ReviewChangesHeader/ReviewChangesHeader.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestSidebar/ReviewChangesHeader/ReviewChangesHeader.tsx @@ -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'; diff --git a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx index 67026ea1f2..e7cfff5525 100644 --- a/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx +++ b/frontend/src/component/changeRequest/ChangeRequestStatusBadge/ChangeRequestStatusBadge.tsx @@ -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 { diff --git a/frontend/src/component/common/ApiTokenTable/CopyApiTokenButton/CopyApiTokenButton.tsx b/frontend/src/component/common/ApiTokenTable/CopyApiTokenButton/CopyApiTokenButton.tsx index 0586766eb4..5f1d4a3c66 100644 --- a/frontend/src/component/common/ApiTokenTable/CopyApiTokenButton/CopyApiTokenButton.tsx +++ b/frontend/src/component/common/ApiTokenTable/CopyApiTokenButton/CopyApiTokenButton.tsx @@ -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 { diff --git a/frontend/src/component/common/ApiTokenTable/CreateApiTokenButton/CreateApiTokenButton.tsx b/frontend/src/component/common/ApiTokenTable/CreateApiTokenButton/CreateApiTokenButton.tsx index d7ef37e576..dd9e40dd81 100644 --- a/frontend/src/component/common/ApiTokenTable/CreateApiTokenButton/CreateApiTokenButton.tsx +++ b/frontend/src/component/common/ApiTokenTable/CreateApiTokenButton/CreateApiTokenButton.tsx @@ -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[]; diff --git a/frontend/src/component/common/ApiTokenTable/RemoveApiTokenButton/RemoveApiTokenButton.tsx b/frontend/src/component/common/ApiTokenTable/RemoveApiTokenButton/RemoveApiTokenButton.tsx index 0d33b7e4e2..d10746d4ae 100644 --- a/frontend/src/component/common/ApiTokenTable/RemoveApiTokenButton/RemoveApiTokenButton.tsx +++ b/frontend/src/component/common/ApiTokenTable/RemoveApiTokenButton/RemoveApiTokenButton.tsx @@ -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'; diff --git a/frontend/src/component/common/ApiTokenTable/useApiTokenTable.tsx b/frontend/src/component/common/ApiTokenTable/useApiTokenTable.tsx index 67e33c9d98..155f07287c 100644 --- a/frontend/src/component/common/ApiTokenTable/useApiTokenTable.tsx +++ b/frontend/src/component/common/ApiTokenTable/useApiTokenTable.tsx @@ -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[], diff --git a/frontend/src/component/common/AutocompleteBox/AutocompleteBox.tsx b/frontend/src/component/common/AutocompleteBox/AutocompleteBox.tsx index fd8fdea637..2ca8c4fa3c 100644 --- a/frontend/src/component/common/AutocompleteBox/AutocompleteBox.tsx +++ b/frontend/src/component/common/AutocompleteBox/AutocompleteBox.tsx @@ -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, diff --git a/frontend/src/component/common/CheckmarkBadge/CheckMarkBadge.tsx b/frontend/src/component/common/CheckmarkBadge/CheckMarkBadge.tsx index d4101345b6..fb6241f58d 100644 --- a/frontend/src/component/common/CheckmarkBadge/CheckMarkBadge.tsx +++ b/frontend/src/component/common/CheckmarkBadge/CheckMarkBadge.tsx @@ -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 { diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx index 324a7ee9da..667b4316c2 100644 --- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx +++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx @@ -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 { diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx index 24e00e21ef..f55bdaa898 100644 --- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx +++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx @@ -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'; diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintIcon.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintIcon.tsx index cf006aacb2..e12bc9fe31 100644 --- a/frontend/src/component/common/ConstraintAccordion/ConstraintIcon.tsx +++ b/frontend/src/component/common/ConstraintAccordion/ConstraintIcon.tsx @@ -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; diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx index fa0d765c7a..47d688e493 100644 --- a/frontend/src/component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx +++ b/frontend/src/component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx @@ -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 { diff --git a/frontend/src/component/common/DropdownMenu/DropdownMenu.tsx b/frontend/src/component/common/DropdownMenu/DropdownMenu.tsx index 891f03a63a..0b934cc250 100644 --- a/frontend/src/component/common/DropdownMenu/DropdownMenu.tsx +++ b/frontend/src/component/common/DropdownMenu/DropdownMenu.tsx @@ -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 { diff --git a/frontend/src/component/common/EnvironmentIcon/EnvironmentIcon.tsx b/frontend/src/component/common/EnvironmentIcon/EnvironmentIcon.tsx index 6363631b1d..77d98621b6 100644 --- a/frontend/src/component/common/EnvironmentIcon/EnvironmentIcon.tsx +++ b/frontend/src/component/common/EnvironmentIcon/EnvironmentIcon.tsx @@ -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; diff --git a/frontend/src/component/common/ExperimentalFeedback/ExperimentalFeedback.tsx b/frontend/src/component/common/ExperimentalFeedback/ExperimentalFeedback.tsx index 5827f55016..0b910ba540 100644 --- a/frontend/src/component/common/ExperimentalFeedback/ExperimentalFeedback.tsx +++ b/frontend/src/component/common/ExperimentalFeedback/ExperimentalFeedback.tsx @@ -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'; diff --git a/frontend/src/component/common/FavoriteIconButton/FavoriteIconButton.tsx b/frontend/src/component/common/FavoriteIconButton/FavoriteIconButton.tsx index 5215f74c8f..358a040a43 100644 --- a/frontend/src/component/common/FavoriteIconButton/FavoriteIconButton.tsx +++ b/frontend/src/component/common/FavoriteIconButton/FavoriteIconButton.tsx @@ -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 { diff --git a/frontend/src/component/common/FormTemplate/FormTemplate.tsx b/frontend/src/component/common/FormTemplate/FormTemplate.tsx index 6ad462553c..551d1b5396 100644 --- a/frontend/src/component/common/FormTemplate/FormTemplate.tsx +++ b/frontend/src/component/common/FormTemplate/FormTemplate.tsx @@ -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'; diff --git a/frontend/src/component/common/GeneralSelect/GeneralSelect.tsx b/frontend/src/component/common/GeneralSelect/GeneralSelect.tsx index 861829a90d..b13ccee9c8 100644 --- a/frontend/src/component/common/GeneralSelect/GeneralSelect.tsx +++ b/frontend/src/component/common/GeneralSelect/GeneralSelect.tsx @@ -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'; diff --git a/frontend/src/component/common/HelpIcon/HelpIcon.tsx b/frontend/src/component/common/HelpIcon/HelpIcon.tsx index f4abcad436..f1e8e06de5 100644 --- a/frontend/src/component/common/HelpIcon/HelpIcon.tsx +++ b/frontend/src/component/common/HelpIcon/HelpIcon.tsx @@ -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 }>( diff --git a/frontend/src/component/common/InstanceStatus/InstanceStatusBar.tsx b/frontend/src/component/common/InstanceStatus/InstanceStatusBar.tsx index d6c3d0ccd3..c041ee4847 100644 --- a/frontend/src/component/common/InstanceStatus/InstanceStatusBar.tsx +++ b/frontend/src/component/common/InstanceStatus/InstanceStatusBar.tsx @@ -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'; diff --git a/frontend/src/component/common/ItemList/ItemList.tsx b/frontend/src/component/common/ItemList/ItemList.tsx index 05727a19b0..55441d6f2e 100644 --- a/frontend/src/component/common/ItemList/ItemList.tsx +++ b/frontend/src/component/common/ItemList/ItemList.tsx @@ -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'; diff --git a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx index cc5e83a1d7..dfe4a48c27 100644 --- a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx +++ b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx @@ -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'; diff --git a/frontend/src/component/common/NewConstraintAccordion/ConstraintIcon.tsx b/frontend/src/component/common/NewConstraintAccordion/ConstraintIcon.tsx index 4434f838c2..b2532e58db 100644 --- a/frontend/src/component/common/NewConstraintAccordion/ConstraintIcon.tsx +++ b/frontend/src/component/common/NewConstraintAccordion/ConstraintIcon.tsx @@ -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; diff --git a/frontend/src/component/common/NewConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx b/frontend/src/component/common/NewConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx index fa0d765c7a..47d688e493 100644 --- a/frontend/src/component/common/NewConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx +++ b/frontend/src/component/common/NewConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx @@ -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 { diff --git a/frontend/src/component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList.tsx b/frontend/src/component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList.tsx index bb7ec74e06..febbc465a6 100644 --- a/frontend/src/component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList.tsx +++ b/frontend/src/component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList.tsx @@ -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'; diff --git a/frontend/src/component/common/Notifications/Notification.tsx b/frontend/src/component/common/Notifications/Notification.tsx index 4dab90d449..239f4404dc 100644 --- a/frontend/src/component/common/Notifications/Notification.tsx +++ b/frontend/src/component/common/Notifications/Notification.tsx @@ -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, { diff --git a/frontend/src/component/common/PasswordField/PasswordField.tsx b/frontend/src/component/common/PasswordField/PasswordField.tsx index 9029a23160..51eadcff8f 100644 --- a/frontend/src/component/common/PasswordField/PasswordField.tsx +++ b/frontend/src/component/common/PasswordField/PasswordField.tsx @@ -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 = ({ ...rest }) => { diff --git a/frontend/src/component/common/PermissionButton/PermissionButton.tsx b/frontend/src/component/common/PermissionButton/PermissionButton.tsx index d3cfad05a9..604e7081e4 100644 --- a/frontend/src/component/common/PermissionButton/PermissionButton.tsx +++ b/frontend/src/component/common/PermissionButton/PermissionButton.tsx @@ -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, diff --git a/frontend/src/component/common/RoleBadge/RoleBadge.tsx b/frontend/src/component/common/RoleBadge/RoleBadge.tsx index 3a9a352aa9..b41095c30d 100644 --- a/frontend/src/component/common/RoleBadge/RoleBadge.tsx +++ b/frontend/src/component/common/RoleBadge/RoleBadge.tsx @@ -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 { diff --git a/frontend/src/component/common/RoleDescription/RoleDescription.tsx b/frontend/src/component/common/RoleDescription/RoleDescription.tsx index e778155b93..aec632e378 100644 --- a/frontend/src/component/common/RoleDescription/RoleDescription.tsx +++ b/frontend/src/component/common/RoleDescription/RoleDescription.tsx @@ -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 { diff --git a/frontend/src/component/common/Search/Search.tsx b/frontend/src/component/common/Search/Search.tsx index 2704cd2d12..94f2b55c5d 100644 --- a/frontend/src/component/common/Search/Search.tsx +++ b/frontend/src/component/common/Search/Search.tsx @@ -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'; diff --git a/frontend/src/component/common/Search/SearchSuggestions/SearchHistory.tsx b/frontend/src/component/common/Search/SearchSuggestions/SearchHistory.tsx index 0f48875511..caf860b14d 100644 --- a/frontend/src/component/common/Search/SearchSuggestions/SearchHistory.tsx +++ b/frontend/src/component/common/Search/SearchSuggestions/SearchHistory.tsx @@ -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'; diff --git a/frontend/src/component/common/Search/SearchSuggestions/SearchSuggestions.tsx b/frontend/src/component/common/Search/SearchSuggestions/SearchSuggestions.tsx index 3544b77d28..633d667f76 100644 --- a/frontend/src/component/common/Search/SearchSuggestions/SearchSuggestions.tsx +++ b/frontend/src/component/common/Search/SearchSuggestions/SearchSuggestions.tsx @@ -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 { diff --git a/frontend/src/component/common/SegmentItem/SegmentItem.tsx b/frontend/src/component/common/SegmentItem/SegmentItem.tsx index 692ffc65b0..c913a7293c 100644 --- a/frontend/src/component/common/SegmentItem/SegmentItem.tsx +++ b/frontend/src/component/common/SegmentItem/SegmentItem.tsx @@ -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, diff --git a/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx b/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx index 1442b227b2..50e1af71b5 100644 --- a/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx +++ b/frontend/src/component/common/StrategyItemContainer/StrategyItemContainer.tsx @@ -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 { diff --git a/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx b/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx index 51940f9a78..85514e0989 100644 --- a/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx +++ b/frontend/src/component/common/Table/FavoriteIconHeader/FavoriteIconHeader.tsx @@ -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'; diff --git a/frontend/src/component/common/Table/SortableTableHeader/CellSortable/SortArrow/SortArrow.tsx b/frontend/src/component/common/Table/SortableTableHeader/CellSortable/SortArrow/SortArrow.tsx index c6bd27e1d6..dee80ee21d 100644 --- a/frontend/src/component/common/Table/SortableTableHeader/CellSortable/SortArrow/SortArrow.tsx +++ b/frontend/src/component/common/Table/SortableTableHeader/CellSortable/SortArrow/SortArrow.tsx @@ -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'; diff --git a/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx b/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx index f267478207..2672942222 100644 --- a/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx +++ b/frontend/src/component/common/Table/cells/FavoriteIconCell/FavoriteIconCell.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/common/index.jsx b/frontend/src/component/common/index.jsx index a410986d0d..fea0f61284 100644 --- a/frontend/src/component/common/index.jsx +++ b/frontend/src/component/common/index.jsx @@ -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'; diff --git a/frontend/src/component/context/ContectFormChip/ContextFormChip.tsx b/frontend/src/component/context/ContectFormChip/ContextFormChip.tsx index d0a8598545..4bed3acbe7 100644 --- a/frontend/src/component/context/ContectFormChip/ContextFormChip.tsx +++ b/frontend/src/component/context/ContectFormChip/ContextFormChip.tsx @@ -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'; diff --git a/frontend/src/component/context/ContextForm/ContextForm.tsx b/frontend/src/component/context/ContextForm/ContextForm.tsx index 85ff9f38f0..6eab61b94b 100644 --- a/frontend/src/component/context/ContextForm/ContextForm.tsx +++ b/frontend/src/component/context/ContextForm/ContextForm.tsx @@ -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'; diff --git a/frontend/src/component/context/ContextList/AddContextButton.tsx b/frontend/src/component/context/ContextList/AddContextButton.tsx index f8f96c5382..6875d3413b 100644 --- a/frontend/src/component/context/ContextList/AddContextButton.tsx +++ b/frontend/src/component/context/ContextList/AddContextButton.tsx @@ -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'; diff --git a/frontend/src/component/context/ContextList/ContextActionsCell.tsx b/frontend/src/component/context/ContextList/ContextActionsCell.tsx index 28aab345fe..9940c3b6a8 100644 --- a/frontend/src/component/context/ContextList/ContextActionsCell.tsx +++ b/frontend/src/component/context/ContextList/ContextActionsCell.tsx @@ -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, diff --git a/frontend/src/component/context/ContextList/ContextList/ContextList.tsx b/frontend/src/component/context/ContextList/ContextList/ContextList.tsx index 2403a18e10..09426c7f76 100644 --- a/frontend/src/component/context/ContextList/ContextList/ContextList.tsx +++ b/frontend/src/component/context/ContextList/ContextList/ContextList.tsx @@ -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'; diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx index b18e49559e..4fdc63e61f 100644 --- a/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx +++ b/frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx index fbc7ea8786..25f1bb6b61 100644 --- a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx +++ b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx @@ -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'; diff --git a/frontend/src/component/demo/DemoTopics/DemoTopics.tsx b/frontend/src/component/demo/DemoTopics/DemoTopics.tsx index de43f0f091..671057acd0 100644 --- a/frontend/src/component/demo/DemoTopics/DemoTopics.tsx +++ b/frontend/src/component/demo/DemoTopics/DemoTopics.tsx @@ -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'; diff --git a/frontend/src/component/environments/CreateEnvironmentButton/CreateEnvironmentButton.tsx b/frontend/src/component/environments/CreateEnvironmentButton/CreateEnvironmentButton.tsx index a25b909fc4..186f568f46 100644 --- a/frontend/src/component/environments/CreateEnvironmentButton/CreateEnvironmentButton.tsx +++ b/frontend/src/component/environments/CreateEnvironmentButton/CreateEnvironmentButton.tsx @@ -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'; diff --git a/frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentActionCellPopover/EnvironmentActionCellPopover.tsx b/frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentActionCellPopover/EnvironmentActionCellPopover.tsx index 50e1ac6837..10aab78df7 100644 --- a/frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentActionCellPopover/EnvironmentActionCellPopover.tsx +++ b/frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentActionCellPopover/EnvironmentActionCellPopover.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx b/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx index 7ea74b00e4..7228dc921d 100644 --- a/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx +++ b/frontend/src/component/environments/EnvironmentTable/EnvironmentIconCell/EnvironmentIconCell.tsx @@ -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 }) => ({ diff --git a/frontend/src/component/executiveDashboard/components/DashboardHeader/DashboardHeader.tsx b/frontend/src/component/executiveDashboard/components/DashboardHeader/DashboardHeader.tsx index 56d0533d4a..2ee3f9560d 100644 --- a/frontend/src/component/executiveDashboard/components/DashboardHeader/DashboardHeader.tsx +++ b/frontend/src/component/executiveDashboard/components/DashboardHeader/DashboardHeader.tsx @@ -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, diff --git a/frontend/src/component/executiveDashboard/components/DashboardHeader/ShareLink/ShareLink.tsx b/frontend/src/component/executiveDashboard/components/DashboardHeader/ShareLink/ShareLink.tsx index b161287cf4..edc614e3d6 100644 --- a/frontend/src/component/executiveDashboard/components/DashboardHeader/ShareLink/ShareLink.tsx +++ b/frontend/src/component/executiveDashboard/components/DashboardHeader/ShareLink/ShareLink.tsx @@ -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'; diff --git a/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx b/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx index b61e0af2f7..005d26907e 100644 --- a/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx +++ b/frontend/src/component/executiveDashboard/componentsStat/FlagStats/FlagStats.tsx @@ -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'; diff --git a/frontend/src/component/executiveDashboard/componentsStat/UserStats/UserStats.tsx b/frontend/src/component/executiveDashboard/componentsStat/UserStats/UserStats.tsx index ccf14cfa6d..290c7c19df 100644 --- a/frontend/src/component/executiveDashboard/componentsStat/UserStats/UserStats.tsx +++ b/frontend/src/component/executiveDashboard/componentsStat/UserStats/UserStats.tsx @@ -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'; diff --git a/frontend/src/component/feature/CopyFeature/CopyFeature.tsx b/frontend/src/component/feature/CopyFeature/CopyFeature.tsx index 89be01023b..0b957de210 100644 --- a/frontend/src/component/feature/CopyFeature/CopyFeature.tsx +++ b/frontend/src/component/feature/CopyFeature/CopyFeature.tsx @@ -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'; diff --git a/frontend/src/component/feature/CreateFeatureButton/CreateFeatureButton.tsx b/frontend/src/component/feature/CreateFeatureButton/CreateFeatureButton.tsx index 8405d2ffa3..66e60169d0 100644 --- a/frontend/src/component/feature/CreateFeatureButton/CreateFeatureButton.tsx +++ b/frontend/src/component/feature/CreateFeatureButton/CreateFeatureButton.tsx @@ -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'; diff --git a/frontend/src/component/feature/FeatureForm/FeatureForm.tsx b/frontend/src/component/feature/FeatureForm/FeatureForm.tsx index 436c625e64..fed2e3413e 100644 --- a/frontend/src/component/feature/FeatureForm/FeatureForm.tsx +++ b/frontend/src/component/feature/FeatureForm/FeatureForm.tsx @@ -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'; diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx index 2328aa40b8..c29f304324 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx @@ -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'; diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyEmpty/CopyButton/CopyButton.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyEmpty/CopyButton/CopyButton.tsx index a08a158f69..596e7fd15b 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyEmpty/CopyButton/CopyButton.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyEmpty/CopyButton/CopyButton.tsx @@ -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'; diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx index fd936697be..2824f42529 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx @@ -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 { diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegmentChip.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegmentChip.tsx index 7605bc1fd8..5f460d70fd 100644 --- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegmentChip.tsx +++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegmentChip.tsx @@ -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'; diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx index 5f87d26228..8593490cac 100644 --- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx +++ b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListActions/FeatureToggleListActions.tsx @@ -10,7 +10,9 @@ import { Tooltip, Typography, } from '@mui/material'; -import { Add, FileDownload, MoreVert } from '@mui/icons-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'; import { useUiFlag } from 'hooks/useUiFlag'; diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx index 5230b86b31..1750c7a538 100644 --- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx +++ b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx @@ -55,7 +55,7 @@ import { FeatureToggleListActions } from './FeatureToggleListActions/FeatureTogg import useLoading from 'hooks/useLoading'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; import { useFeedback } from '../../feedbackNew/useFeedback'; -import { ReviewsOutlined } from '@mui/icons-material'; +import ReviewsOutlined from '@mui/icons-material/ReviewsOutlined'; export const featuresPlaceholder = Array(15).fill({ name: 'Name of the feature', diff --git a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsTable/FeatureMetricsTable.tsx b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsTable/FeatureMetricsTable.tsx index 18698bd456..30e9e1d7a8 100644 --- a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsTable/FeatureMetricsTable.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsTable/FeatureMetricsTable.tsx @@ -4,7 +4,7 @@ import { DateTimeCell } from 'component/common/Table/cells/DateTimeCell/DateTime import { useTable, useGlobalFilter, useSortBy } from 'react-table'; import { SortableTableHeader, TableCell, Table } from 'component/common/Table'; import { IconCell } from 'component/common/Table/cells/IconCell/IconCell'; -import { Assessment } from '@mui/icons-material'; +import Assessment from '@mui/icons-material/Assessment'; import { useMemo } from 'react'; import { TextCell } from 'component/common/Table/cells/TextCell/TextCell'; import theme from 'themes/theme'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/CopyStrategyIconMenu/CopyStrategyIconMenu.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/CopyStrategyIconMenu/CopyStrategyIconMenu.tsx index 2a2a8547bb..ca01a83df5 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/CopyStrategyIconMenu/CopyStrategyIconMenu.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/CopyStrategyIconMenu/CopyStrategyIconMenu.tsx @@ -7,7 +7,8 @@ import { MenuItem, Tooltip, } from '@mui/material'; -import { AddToPhotos as CopyIcon, Lock } from '@mui/icons-material'; +import CopyIcon from '@mui/icons-material/AddToPhotos'; +import Lock from '@mui/icons-material/Lock'; import { IFeatureStrategyPayload } from 'interfaces/strategy'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; import { IFeatureEnvironment } from 'interfaces/featureToggle'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyItem.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyItem.tsx index 57b75ff687..c4bde1bc13 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyItem.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyItem.tsx @@ -1,5 +1,5 @@ import { DragEventHandler, FC } from 'react'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { Link } from 'react-router-dom'; import { IFeatureEnvironment } from 'interfaces/featureToggle'; import { IFeatureStrategy } from 'interfaces/strategy'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx index 62d5287d56..22a84c3e92 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx @@ -5,7 +5,7 @@ import { Box, styled, } from '@mui/material'; -import { ExpandMore } from '@mui/icons-material'; +import ExpandMore from '@mui/icons-material/ExpandMore'; import { useFeature } from 'hooks/api/getters/useFeature/useFeature'; import useFeatureMetrics from 'hooks/api/getters/useFeatureMetrics/useFeatureMetrics'; import { IFeatureEnvironment } from 'interfaces/featureToggle'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.tsx index 7dfae729e7..ef0b1fee12 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironmentMetrics/FeatureOverviewEnvironmentMetrics.tsx @@ -1,4 +1,4 @@ -import { FiberManualRecord } from '@mui/icons-material'; +import FiberManualRecord from '@mui/icons-material/FiberManualRecord'; import { useTheme } from '@mui/system'; import { IFeatureEnvironmentMetrics } from 'interfaces/featureToggle'; import { calculatePercentage } from 'utils/calculatePercentage'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx index be604ab9d7..3f0d9a63f3 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'; import { useFeature } from 'hooks/api/getters/useFeature/useFeature'; import { getFeatureTypeIcons } from 'utils/getFeatureTypeIcons'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; import { UPDATE_FEATURE } from 'component/providers/AccessProvider/permissions'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelDetails/DependencyActions.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelDetails/DependencyActions.tsx index 47a3e24eb8..cac180d3c6 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelDetails/DependencyActions.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelDetails/DependencyActions.tsx @@ -11,7 +11,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'; const StyledPopover = styled(Popover)(({ theme }) => ({ borderRadius: theme.shape.borderRadiusLarge, diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentHider.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentHider.tsx index 91df332d23..b525010f36 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentHider.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentHider.tsx @@ -1,6 +1,7 @@ import { IFeatureEnvironment } from 'interfaces/featureToggle'; import { IconButton, styled } 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 { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; const StyledVisibilityToggle = styled(IconButton, { diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx index 38ab2601ad..360b8359eb 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx @@ -2,7 +2,8 @@ import { IFeatureToggle } from 'interfaces/featureToggle'; import { useContext, useState } from 'react'; import { Button, Chip, Divider, styled } from '@mui/material'; import useFeatureTags from 'hooks/api/getters/useFeatureTags/useFeatureTags'; -import { Add, Cancel } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; +import Cancel from '@mui/icons-material/Cancel'; import { ManageTagsDialog } from 'component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog'; import { UPDATE_FEATURE } from 'component/providers/AccessProvider/permissions'; import AccessContext from 'contexts/AccessContext'; diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/TagsInput.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/TagsInput.tsx index 8e3dd46545..3839b10502 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/TagsInput.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/TagsInput.tsx @@ -13,7 +13,7 @@ import CheckBoxIcon from '@mui/icons-material/CheckBox'; import IndeterminateCheckBoxIcon from '@mui/icons-material/IndeterminateCheckBox'; import { ITag, ITagType } from 'interfaces/tags'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { AutocompleteRenderGetTagProps } from '@mui/material/Autocomplete/Autocomplete'; export type TagOption = { diff --git a/frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsInformation/FeatureSettingsInformation.tsx b/frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsInformation/FeatureSettingsInformation.tsx index 7a6117a961..ebc14f02b8 100644 --- a/frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsInformation/FeatureSettingsInformation.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsInformation/FeatureSettingsInformation.tsx @@ -1,5 +1,5 @@ import { styled, Typography } from '@mui/material'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { useNavigate } from 'react-router-dom'; import { useFeature } from 'hooks/api/getters/useFeature/useFeature'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsCard/EnvironmentVariantsCard.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsCard/EnvironmentVariantsCard.tsx index bf6904f901..14d11def14 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsCard/EnvironmentVariantsCard.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsCard/EnvironmentVariantsCard.tsx @@ -1,4 +1,4 @@ -import { CloudCircle } from '@mui/icons-material'; +import CloudCircle from '@mui/icons-material/CloudCircle'; import { styled, Link } from '@mui/material'; import { IFeatureEnvironment } from 'interfaces/featureToggle'; import { EnvironmentVariantsTable } from './EnvironmentVariantsTable/EnvironmentVariantsTable'; diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/EnvironmentVariantsModal.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/EnvironmentVariantsModal.tsx index 577077b148..e016deb1f0 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/EnvironmentVariantsModal.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/EnvironmentVariantsModal.tsx @@ -7,7 +7,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit import { IFeatureEnvironment, IFeatureVariant } from 'interfaces/featureToggle'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; import { Operation } from 'fast-json-patch'; -import { CloudCircle } from '@mui/icons-material'; +import CloudCircle from '@mui/icons-material/CloudCircle'; import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequests/usePendingChangeRequests'; import { useChangeRequestInReviewWarning } from 'hooks/useChangeRequestInReviewWarning'; import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled'; diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx index ed73630950..42fb518642 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantForm.tsx @@ -18,7 +18,7 @@ import { useOverrides } from 'component/feature/FeatureView/FeatureVariants/Feat import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext'; import { WeightType } from 'constants/variantTypes'; import { IFeatureVariantEdit } from '../EnvironmentVariantsModal'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; const LazyReactJSONEditor = React.lazy( () => import('component/common/ReactJSONEditor/ReactJSONEditor'), diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantOverrides/VariantOverrides.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantOverrides/VariantOverrides.tsx index b3ced7b0f1..eb1b6be061 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantOverrides/VariantOverrides.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/EnvironmentVariantsModal/VariantForm/VariantOverrides/VariantOverrides.tsx @@ -1,6 +1,6 @@ import { ChangeEvent, VFC } from 'react'; import { IconButton, styled, TextField, Tooltip } from '@mui/material'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { Autocomplete } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { InputListField } from 'component/common/InputListField/InputListField'; diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx index 8333b8a198..f3d9e0672a 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx @@ -26,7 +26,7 @@ import { useChangeRequestApi } from 'hooks/api/actions/useChangeRequestApi/useCh import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled'; import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequests/usePendingChangeRequests'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { StrategyVariantsPreferredAlert } from 'component/common/StrategyVariantsUpgradeAlert/StrategyVariantsUpgradeAlert'; const StyledButtonContainer = styled('div')(({ theme }) => ({ diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/VariantsTooltipWarning.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/VariantsTooltipWarning.tsx index 2f7464778a..7e0d4a69ab 100644 --- a/frontend/src/component/feature/FeatureView/FeatureVariants/VariantsTooltipWarning.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureVariants/VariantsTooltipWarning.tsx @@ -1,5 +1,5 @@ import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip'; -import { WarningAmber } from '@mui/icons-material'; +import WarningAmber from '@mui/icons-material/WarningAmber'; import { styled } from '@mui/material'; const StyledWarningAmber = styled(WarningAmber)(({ theme }) => ({ diff --git a/frontend/src/component/feature/FeatureView/FeatureView.tsx b/frontend/src/component/feature/FeatureView/FeatureView.tsx index 3d10bb9a72..71ff9226c3 100644 --- a/frontend/src/component/feature/FeatureView/FeatureView.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureView.tsx @@ -7,14 +7,12 @@ import { Tooltip, useMediaQuery, } from '@mui/material'; -import { - Archive, - FileCopy, - Label, - WatchLater, - LibraryAdd, - Check, -} from '@mui/icons-material'; +import Archive from '@mui/icons-material/Archive'; +import FileCopy from '@mui/icons-material/FileCopy'; +import Label from '@mui/icons-material/Label'; +import WatchLater from '@mui/icons-material/WatchLater'; +import LibraryAdd from '@mui/icons-material/LibraryAdd'; +import Check from '@mui/icons-material/Check'; import { Link, Route, diff --git a/frontend/src/component/feature/StrategyTypes/NewStrategyVariants.tsx b/frontend/src/component/feature/StrategyTypes/NewStrategyVariants.tsx index b6f344e15e..5388bdbfa2 100644 --- a/frontend/src/component/feature/StrategyTypes/NewStrategyVariants.tsx +++ b/frontend/src/component/feature/StrategyTypes/NewStrategyVariants.tsx @@ -12,7 +12,7 @@ import SplitPreviewSlider from './SplitPreviewSlider/SplitPreviewSlider'; import { HelpIcon } from '../../common/HelpIcon/HelpIcon'; import { StrategyVariantsUpgradeAlert } from '../../common/StrategyVariantsUpgradeAlert/StrategyVariantsUpgradeAlert'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; const StyledVariantForms = styled('div')({ diff --git a/frontend/src/component/feature/StrategyTypes/StrategyInputList/StrategyInputList.tsx b/frontend/src/component/feature/StrategyTypes/StrategyInputList/StrategyInputList.tsx index 25d2f8eb3a..f47538cb26 100644 --- a/frontend/src/component/feature/StrategyTypes/StrategyInputList/StrategyInputList.tsx +++ b/frontend/src/component/feature/StrategyTypes/StrategyInputList/StrategyInputList.tsx @@ -7,7 +7,7 @@ import { styled, TextFieldProps, } from '@mui/material'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { ADD_TO_STRATEGY_INPUT_LIST, STRATEGY_INPUT_LIST } from 'utils/testIds'; import StringTruncator from 'component/common/StringTruncator/StringTruncator'; diff --git a/frontend/src/component/featureTypes/FeatureTypesList.tsx b/frontend/src/component/featureTypes/FeatureTypesList.tsx index 5469cfdc2a..c12ef99342 100644 --- a/frontend/src/component/featureTypes/FeatureTypesList.tsx +++ b/frontend/src/component/featureTypes/FeatureTypesList.tsx @@ -19,7 +19,7 @@ import { IconCell } from 'component/common/Table/cells/IconCell/IconCell'; import { ActionCell } from 'component/common/Table/cells/ActionCell/ActionCell'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; import { ADMIN } from 'component/providers/AccessProvider/permissions'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { SidebarModal } from 'component/common/SidebarModal/SidebarModal'; import { FeatureTypeEdit } from './FeatureTypeEdit/FeatureTypeEdit'; import { LinkCell } from 'component/common/Table/cells/LinkCell/LinkCell'; diff --git a/frontend/src/component/feedback/FeedbackCES/FeedbackCES.tsx b/frontend/src/component/feedback/FeedbackCES/FeedbackCES.tsx index 40b6e10089..c111501d9a 100644 --- a/frontend/src/component/feedback/FeedbackCES/FeedbackCES.tsx +++ b/frontend/src/component/feedback/FeedbackCES/FeedbackCES.tsx @@ -5,7 +5,7 @@ import { IFeedbackCESState, } from 'component/feedback/FeedbackCESContext/FeedbackCESContext'; import { FeedbackCESForm } from 'component/feedback/FeedbackCES/FeedbackCESForm'; -import { CloseOutlined } from '@mui/icons-material'; +import CloseOutlined from '@mui/icons-material/CloseOutlined'; export interface IFeedbackCESProps { state?: IFeedbackCESState; diff --git a/frontend/src/component/filter/AddFilterButton.tsx b/frontend/src/component/filter/AddFilterButton.tsx index 0a2cfc5e60..ffd292b3e6 100644 --- a/frontend/src/component/filter/AddFilterButton.tsx +++ b/frontend/src/component/filter/AddFilterButton.tsx @@ -3,7 +3,7 @@ import Button from '@mui/material/Button'; import Menu from '@mui/material/Menu'; import MenuItem from '@mui/material/MenuItem'; import { Icon, styled } from '@mui/material'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { Box } from '@mui/system'; import { IFilterItem } from './Filters/Filters'; diff --git a/frontend/src/component/filter/FilterItem/FilterItem.tsx b/frontend/src/component/filter/FilterItem/FilterItem.tsx index 639d6526b6..8f5ced1a15 100644 --- a/frontend/src/component/filter/FilterItem/FilterItem.tsx +++ b/frontend/src/component/filter/FilterItem/FilterItem.tsx @@ -1,4 +1,4 @@ -import { Search } from '@mui/icons-material'; +import Search from '@mui/icons-material/Search'; import { Box, InputAdornment, List, ListItemText } from '@mui/material'; import { FC, ReactNode, useEffect, useRef, useState } from 'react'; import { diff --git a/frontend/src/component/filter/FilterItem/FilterItemChip/FilterItemChip.tsx b/frontend/src/component/filter/FilterItem/FilterItemChip/FilterItemChip.tsx index 77abc8fcde..ff5b50660f 100644 --- a/frontend/src/component/filter/FilterItem/FilterItemChip/FilterItemChip.tsx +++ b/frontend/src/component/filter/FilterItem/FilterItemChip/FilterItemChip.tsx @@ -1,5 +1,6 @@ import { ComponentProps, FC, ReactNode } from 'react'; -import { ArrowDropDown, Close } from '@mui/icons-material'; +import ArrowDropDown from '@mui/icons-material/ArrowDropDown'; +import Close from '@mui/icons-material/Close'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { Chip, IconButton, styled } from '@mui/material'; import { FilterItemOperator } from './FilterItemOperator/FilterItemOperator'; diff --git a/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCardMenu/IntegrationCardMenu.tsx b/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCardMenu/IntegrationCardMenu.tsx index 8fe7df1afd..9bb28fcd5e 100644 --- a/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCardMenu/IntegrationCardMenu.tsx +++ b/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCardMenu/IntegrationCardMenu.tsx @@ -11,7 +11,8 @@ import { } from '@mui/material'; import MoreVertIcon from '@mui/icons-material/MoreVert'; -import { Delete, PowerSettingsNew } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; +import PowerSettingsNew from '@mui/icons-material/PowerSettingsNew'; import { DELETE_ADDON, UPDATE_ADDON, diff --git a/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx b/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx index b50c746b74..dde5f0b810 100644 --- a/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx +++ b/frontend/src/component/integrations/IntegrationList/IntegrationIcon/IntegrationIcon.tsx @@ -1,6 +1,6 @@ import { ReactNode } from 'react'; import { Avatar, styled } from '@mui/material'; -import { DeviceHub } from '@mui/icons-material'; +import DeviceHub from '@mui/icons-material/DeviceHub'; import { formatAssetPath } from 'utils/formatPath'; import { capitalizeFirst } from 'utils/capitalizeFirst'; diff --git a/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryActionsCell/LoginHistoryActionsCell.tsx b/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryActionsCell/LoginHistoryActionsCell.tsx index 52d2c9a411..e81aeb5782 100644 --- a/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryActionsCell/LoginHistoryActionsCell.tsx +++ b/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryActionsCell/LoginHistoryActionsCell.tsx @@ -1,4 +1,4 @@ -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { Box, styled } from '@mui/material'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; import { ADMIN } from 'component/providers/AccessProvider/permissions'; diff --git a/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryTable.tsx b/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryTable.tsx index 764287b9d1..abeb0268f9 100644 --- a/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryTable.tsx +++ b/frontend/src/component/loginHistory/LoginHistoryTable/LoginHistoryTable.tsx @@ -21,7 +21,7 @@ import { useLoginHistoryApi } from 'hooks/api/actions/useLoginHistoryApi/useLogi import { formatDateYMDHMS } from 'utils/formatDate'; import { useSearchParams } from 'react-router-dom'; import { createLocalStorage } from 'utils/createLocalStorage'; -import { Download } from '@mui/icons-material'; +import Download from '@mui/icons-material/Download'; export type PageQueryType = Partial< Record<'sort' | 'order' | 'search', string> diff --git a/frontend/src/component/maintenance/MaintenanceBanner.tsx b/frontend/src/component/maintenance/MaintenanceBanner.tsx index 23041dbc35..48662431e6 100644 --- a/frontend/src/component/maintenance/MaintenanceBanner.tsx +++ b/frontend/src/component/maintenance/MaintenanceBanner.tsx @@ -1,5 +1,5 @@ import { styled } from '@mui/material'; -import { ErrorOutlineRounded } from '@mui/icons-material'; +import ErrorOutlineRounded from '@mui/icons-material/ErrorOutlineRounded'; import { Sticky } from 'component/common/Sticky/Sticky'; const StyledErrorRoundedIcon = styled(ErrorOutlineRounded)(({ theme }) => ({ diff --git a/frontend/src/component/menu/Header/Header.tsx b/frontend/src/component/menu/Header/Header.tsx index 92c1b3c817..ff0482a208 100644 --- a/frontend/src/component/menu/Header/Header.tsx +++ b/frontend/src/component/menu/Header/Header.tsx @@ -26,11 +26,9 @@ import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import { flexRow, focusable } from 'themes/themeStyles'; import { NavigationMenu } from './NavigationMenu/NavigationMenu'; import { getRoutes, getCondensedRoutes } from 'component/menu/routes'; -import { - DarkModeOutlined, - KeyboardArrowDown, - LightModeOutlined, -} from '@mui/icons-material'; +import DarkModeOutlined from '@mui/icons-material/DarkModeOutlined'; +import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; +import LightModeOutlined from '@mui/icons-material/LightModeOutlined'; import { filterByConfig, mapRouteLink } from 'component/common/util'; import { useId } from 'hooks/useId'; import { ThemeMode } from 'component/common/ThemeMode/ThemeMode'; diff --git a/frontend/src/component/menu/Header/InviteLink/InviteLinkButton/InviteLinkButton.tsx b/frontend/src/component/menu/Header/InviteLink/InviteLinkButton/InviteLinkButton.tsx index 5b08943aa5..ad6b6632bf 100644 --- a/frontend/src/component/menu/Header/InviteLink/InviteLinkButton/InviteLinkButton.tsx +++ b/frontend/src/component/menu/Header/InviteLink/InviteLinkButton/InviteLinkButton.tsx @@ -3,7 +3,7 @@ import { ClickAwayListener, IconButton, styled, Tooltip } from '@mui/material'; import { useId } from 'hooks/useId'; import { focusable } from 'themes/themeStyles'; import AccessContext from 'contexts/AccessContext'; -import { PersonAdd } from '@mui/icons-material'; +import PersonAdd from '@mui/icons-material/PersonAdd'; import { InviteLinkContent } from '../InviteLinkContent'; const StyledContainer = styled('div')(() => ({ diff --git a/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundEnvironmentCell/AdvancedPlaygroundEnvironmentCell.tsx b/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundEnvironmentCell/AdvancedPlaygroundEnvironmentCell.tsx index cb08adfb95..2e0247e629 100644 --- a/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundEnvironmentCell/AdvancedPlaygroundEnvironmentCell.tsx +++ b/frontend/src/component/playground/Playground/AdvancedPlaygroundResultsTable/AdvancedPlaygroundEnvironmentCell/AdvancedPlaygroundEnvironmentCell.tsx @@ -9,7 +9,7 @@ import { } from '@mui/material'; import { flexRow } from '../../../../../themes/themeStyles'; import { PlaygroundResultChip } from '../../PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip'; -import { InfoOutlined } from '@mui/icons-material'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; import React, { useState } from 'react'; import { AdvancedPlaygroundEnvironmentFeatureSchema } from 'openapi'; import { PlaygroundEnvironmentTable } from '../../PlaygroundEnvironmentTable/PlaygroundEnvironmentTable'; diff --git a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundCodeFieldset/PlaygroundEditor/PlaygroundEditor.tsx b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundCodeFieldset/PlaygroundEditor/PlaygroundEditor.tsx index 6a1aebbb31..05e088bc45 100644 --- a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundCodeFieldset/PlaygroundEditor/PlaygroundEditor.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundCodeFieldset/PlaygroundEditor/PlaygroundEditor.tsx @@ -6,7 +6,7 @@ import { styled, useTheme, Box } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { duotoneDark, duotoneLight } from '@uiw/codemirror-theme-duotone'; import Check from '@mui/icons-material/Check'; -import { Error as ErrorIcon } from '@mui/icons-material'; +import ErrorIcon from '@mui/icons-material/Error'; import UIContext from 'contexts/UIContext'; interface IPlaygroundEditorProps { diff --git a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx index 1706fbddaa..2c5754b462 100644 --- a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundConnectionFieldset/PlaygroundConnectionFieldset.tsx @@ -21,7 +21,7 @@ import { extractProjectEnvironmentFromToken, validateTokenFormat, } from '../../playground.utils'; -import { Clear } from '@mui/icons-material'; +import Clear from '@mui/icons-material/Clear'; import { ProjectSelect } from '../../../../common/ProjectSelect/ProjectSelect'; interface IPlaygroundConnectionFieldsetProps { diff --git a/frontend/src/component/playground/Playground/PlaygroundGuidancePopper/PlaygroundGuidancePopper.tsx b/frontend/src/component/playground/Playground/PlaygroundGuidancePopper/PlaygroundGuidancePopper.tsx index dbc9a0696c..79547c90ca 100644 --- a/frontend/src/component/playground/Playground/PlaygroundGuidancePopper/PlaygroundGuidancePopper.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundGuidancePopper/PlaygroundGuidancePopper.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; -import { Close, Help } from '@mui/icons-material'; +import Close from '@mui/icons-material/Close'; +import Help from '@mui/icons-material/Help'; import { Box, IconButton, Popper, Paper } from '@mui/material'; import { PlaygroundGuidance } from '../PlaygroundGuidance/PlaygroundGuidance'; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureDetails/FeatureDetails.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureDetails/FeatureDetails.tsx index 1f37b37eed..5c5c487876 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureDetails/FeatureDetails.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureDetails/FeatureDetails.tsx @@ -1,7 +1,7 @@ import { PlaygroundFeatureSchema, PlaygroundRequestSchema } from 'openapi'; import { Alert, IconButton, Typography, useTheme, styled } from '@mui/material'; import { PlaygroundResultChip } from '../../PlaygroundResultChip/PlaygroundResultChip'; -import { CloseOutlined } from '@mui/icons-material'; +import CloseOutlined from '@mui/icons-material/CloseOutlined'; import React from 'react'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell.tsx index 50bf2b823a..fa43a1eaed 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureResultInfoPopoverCell.tsx @@ -1,7 +1,7 @@ import { useRef, useState } from 'react'; import { PlaygroundFeatureSchema, PlaygroundRequestSchema } from 'openapi'; import { IconButton, Popover, styled } from '@mui/material'; -import { InfoOutlined } from '@mui/icons-material'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; import { FeatureDetails } from './FeatureDetails/FeatureDetails'; import { PlaygroundResultFeatureStrategyList } from './FeatureStrategyList/PlaygroundResultFeatureStrategyList'; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintError/ConstraintError.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintError/ConstraintError.tsx index 2c38980f32..741ff868b0 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintError/ConstraintError.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintError/ConstraintError.tsx @@ -1,5 +1,5 @@ import { styled, Typography } from '@mui/material'; -import { CancelOutlined } from '@mui/icons-material'; +import CancelOutlined from '@mui/icons-material/CancelOutlined'; import { PlaygroundConstraintSchema, PlaygroundRequestSchema } from 'openapi'; const StyledConstraintErrorDiv = styled('div')(({ theme }) => ({ diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintOk/ConstraintOk.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintOk/ConstraintOk.tsx index f8d9ce1974..7f06ad11c0 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintOk/ConstraintOk.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintOk/ConstraintOk.tsx @@ -1,4 +1,4 @@ -import { CheckCircleOutline } from '@mui/icons-material'; +import CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'; import { styled, Typography } from '@mui/material'; const StyledCheckOutline = styled(CheckCircleOutline)(({ theme }) => ({ diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/CustomStrategyParams/CustomParameterItem/CustomParameterItem.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/CustomStrategyParams/CustomParameterItem/CustomParameterItem.tsx index 2934528cce..b3f0f8acf7 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/CustomStrategyParams/CustomParameterItem/CustomParameterItem.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/CustomStrategyParams/CustomParameterItem/CustomParameterItem.tsx @@ -1,5 +1,5 @@ import { Box, styled, Typography, useTheme } from '@mui/material'; -import { CancelOutlined } from '@mui/icons-material'; +import CancelOutlined from '@mui/icons-material/CancelOutlined'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import StringTruncator from 'component/common/StringTruncator/StringTruncator'; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/PlaygroundParameterItem/PlaygroundParameterItem.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/PlaygroundParameterItem/PlaygroundParameterItem.tsx index 5c2bb84a94..951dd700e0 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/PlaygroundParameterItem/PlaygroundParameterItem.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/PlaygroundParameterItem/PlaygroundParameterItem.tsx @@ -1,7 +1,7 @@ import { Chip, Typography, useTheme, styled } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import StringTruncator from 'component/common/StringTruncator/StringTruncator'; -import { CancelOutlined } from '@mui/icons-material'; +import CancelOutlined from '@mui/icons-material/CancelOutlined'; interface IConstraintItemProps { value: Array; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/SegmentExecution/SegmentExecution.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/SegmentExecution/SegmentExecution.tsx index 23e7ce2941..6857ee1b3d 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/SegmentExecution/SegmentExecution.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/SegmentExecution/SegmentExecution.tsx @@ -1,7 +1,7 @@ import { Fragment, VFC } from 'react'; import { PlaygroundSegmentSchema, PlaygroundRequestSchema } from 'openapi'; import { ConstraintExecution } from '../ConstraintExecution/ConstraintExecution'; -import { CancelOutlined } from '@mui/icons-material'; +import CancelOutlined from '@mui/icons-material/CancelOutlined'; import { StrategySeparator } from 'component/common/StrategySeparator/StrategySeparator'; import { styled, Typography } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx index 2d65b62133..c3447da16e 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/PlaygroundResultChip/PlaygroundResultChip.tsx @@ -3,7 +3,7 @@ import { useTheme } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { ReactComponent as FeatureEnabledIcon } from 'assets/icons/isenabled-true.svg'; import { ReactComponent as FeatureDisabledIcon } from 'assets/icons/isenabled-false.svg'; -import { WarningOutlined } from '@mui/icons-material'; +import WarningOutlined from '@mui/icons-material/WarningOutlined'; import { Badge } from 'component/common/Badge/Badge'; interface IResultChipProps { diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantCell.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantCell.tsx index b51ee0b119..031b6123ae 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantCell.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantCell.tsx @@ -1,4 +1,4 @@ -import { InfoOutlined } from '@mui/icons-material'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; import { IconButton, Popover, styled, useTheme } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import React, { useState, VFC } from 'react'; diff --git a/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantInformation/VariantInformation.tsx b/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantInformation/VariantInformation.tsx index 1ff57225e3..a6347c6e33 100644 --- a/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantInformation/VariantInformation.tsx +++ b/frontend/src/component/playground/Playground/PlaygroundResultsTable/VariantCell/VariantInformation/VariantInformation.tsx @@ -7,7 +7,7 @@ import { useGlobalFilter, useSortBy, useTable } from 'react-table'; import { sortTypes } from 'utils/sortTypes'; import { TextCell } from 'component/common/Table/cells/TextCell/TextCell'; import { SortableTableHeader } from 'component/common/Table'; -import { CheckCircleOutlined } from '@mui/icons-material'; +import CheckCircleOutlined from '@mui/icons-material/CheckCircleOutlined'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { IconCell } from 'component/common/Table/cells/IconCell/IconCell'; diff --git a/frontend/src/component/project/Project/HiddenProjectIconWithTooltip/HiddenProjectIconWithTooltip.tsx b/frontend/src/component/project/Project/HiddenProjectIconWithTooltip/HiddenProjectIconWithTooltip.tsx index bb753b5caa..6a720a7238 100644 --- a/frontend/src/component/project/Project/HiddenProjectIconWithTooltip/HiddenProjectIconWithTooltip.tsx +++ b/frontend/src/component/project/Project/HiddenProjectIconWithTooltip/HiddenProjectIconWithTooltip.tsx @@ -1,5 +1,5 @@ import { styled } from '@mui/material'; -import { VisibilityOff } from '@mui/icons-material'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip'; export const StyledVisibilityIcon = styled(VisibilityOff)(({ theme }) => ({ diff --git a/frontend/src/component/project/Project/Import/configure/ConfigurationStage.tsx b/frontend/src/component/project/Project/Import/configure/ConfigurationStage.tsx index db66b32570..e960071fb6 100644 --- a/frontend/src/component/project/Project/Import/configure/ConfigurationStage.tsx +++ b/frontend/src/component/project/Project/Import/configure/ConfigurationStage.tsx @@ -10,7 +10,7 @@ import { import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { StyledFileDropZone } from './StyledFileDropZone'; import { PulsingAvatar } from '../PulsingAvatar'; -import { ArrowUpward } from '@mui/icons-material'; +import ArrowUpward from '@mui/icons-material/ArrowUpward'; import { ImportExplanation } from './ImportExplanation'; import { FC, ReactNode, useState } from 'react'; import useToast from 'hooks/useToast'; diff --git a/frontend/src/component/project/Project/Import/configure/ImportOptions.tsx b/frontend/src/component/project/Project/Import/configure/ImportOptions.tsx index 4389b6eed0..606d3defe1 100644 --- a/frontend/src/component/project/Project/Import/configure/ImportOptions.tsx +++ b/frontend/src/component/project/Project/Import/configure/ImportOptions.tsx @@ -1,5 +1,5 @@ import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; -import { KeyboardArrowDownOutlined } from '@mui/icons-material'; +import KeyboardArrowDownOutlined from '@mui/icons-material/KeyboardArrowDownOutlined'; import { FC, useEffect } from 'react'; import { Box, styled, Typography } from '@mui/material'; import { IMPORT_ENVIRONMENT } from 'utils/testIds'; diff --git a/frontend/src/component/project/Project/Import/import/ImportStage.tsx b/frontend/src/component/project/Project/Import/import/ImportStage.tsx index 883b0f52f4..b34d176833 100644 --- a/frontend/src/component/project/Project/Import/import/ImportStage.tsx +++ b/frontend/src/component/project/Project/Import/import/ImportStage.tsx @@ -5,7 +5,9 @@ import { useImportApi } from 'hooks/api/actions/useImportApi/useImportApi'; import useToast from 'hooks/useToast'; import { Avatar, Button, styled, Typography } from '@mui/material'; import { ActionsContainer } from '../ActionsContainer'; -import { Pending, Check, Error as ErrorIcon } from '@mui/icons-material'; +import Check from '@mui/icons-material/Check'; +import ErrorIcon from '@mui/icons-material/Error'; +import Pending from '@mui/icons-material/Pending'; import { PulsingAvatar } from '../PulsingAvatar'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { Box } from '@mui/system'; diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx index 2a05334233..e730018b67 100644 --- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx +++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/ProjectFeatureTogglesHeader.tsx @@ -11,7 +11,8 @@ import { PageHeader } from 'component/common/PageHeader/PageHeader'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { Search } from 'component/common/Search/Search'; import { useUiFlag } from 'hooks/useUiFlag'; -import { Add, FileDownload } from '@mui/icons-material'; +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 { useNavigate } from 'react-router-dom'; diff --git a/frontend/src/component/project/Project/Project.tsx b/frontend/src/component/project/Project/Project.tsx index 83d114891e..2de7cb8451 100644 --- a/frontend/src/component/project/Project/Project.tsx +++ b/frontend/src/component/project/Project/Project.tsx @@ -15,7 +15,7 @@ import { StyledTopRow, } from './Project.styles'; import { Box, Paper, Tabs, Typography, styled } from '@mui/material'; -import { FileUpload } from '@mui/icons-material'; +import FileUpload from '@mui/icons-material/FileUpload'; import useToast from 'hooks/useToast'; import useQueryParams from 'hooks/useQueryParams'; import { useEffect, useState } from 'react'; diff --git a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/MoreActions.tsx b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/MoreActions.tsx index 8aec687e88..90397dfaa2 100644 --- a/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/MoreActions.tsx +++ b/frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/MoreActions.tsx @@ -11,7 +11,8 @@ import { } from '@mui/material'; import { PermissionHOC } from 'component/common/PermissionHOC/PermissionHOC'; import { UPDATE_FEATURE } from 'component/providers/AccessProvider/permissions'; -import { MoreVert, WatchLater } from '@mui/icons-material'; +import MoreVert from '@mui/icons-material/MoreVert'; +import WatchLater from '@mui/icons-material/WatchLater'; import type { FeatureSchema } from 'openapi'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import useProjectApi from 'hooks/api/actions/useProjectApi/useProjectApi'; diff --git a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportCard/ReportCard.tsx b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportCard/ReportCard.tsx index d9a064ae8f..16e673847a 100644 --- a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportCard/ReportCard.tsx +++ b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportCard/ReportCard.tsx @@ -6,7 +6,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit import ReactTimeAgo from 'react-timeago'; import { IProjectHealthReport } from 'interfaces/project'; import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip'; -import { InfoOutlined } from '@mui/icons-material'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; const StyledBoxActive = styled(Box)(({ theme }) => ({ display: 'flex', diff --git a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/ReportStatusCell.tsx b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/ReportStatusCell.tsx index 81b9379c54..ef6199bc2c 100644 --- a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/ReportStatusCell.tsx +++ b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/ReportStatusCell.tsx @@ -1,6 +1,7 @@ import { VFC, ReactElement } from 'react'; import { TextCell } from 'component/common/Table/cells/TextCell/TextCell'; -import { ReportProblemOutlined, Check } from '@mui/icons-material'; +import Check from '@mui/icons-material/Check'; +import ReportProblemOutlined from '@mui/icons-material/ReportProblemOutlined'; import { styled } from '@mui/material'; import { IReportTableRow } from 'component/project/Project/ProjectHealth/ReportTable/ReportTable'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestProcessHelp/ChangeRequestProcessHelp.tsx b/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestProcessHelp/ChangeRequestProcessHelp.tsx index 01e7e744aa..7b6d19132a 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestProcessHelp/ChangeRequestProcessHelp.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestProcessHelp/ChangeRequestProcessHelp.tsx @@ -8,7 +8,7 @@ import { Box, } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; -import { HelpOutline } from '@mui/icons-material'; +import HelpOutline from '@mui/icons-material/HelpOutline'; import { ReactComponent as ChangeRequestProcessWithScheduleImage } from 'assets/img/changeRequestProcessWithSchedule.svg'; type IChangeRequestProcessHelpProps = {}; diff --git a/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestTable.tsx b/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestTable.tsx index 2667b8d7fc..784cddf0f4 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestTable.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestTable.tsx @@ -26,7 +26,7 @@ import useToast from 'hooks/useToast'; import { formatUnknownError } from 'utils/formatUnknownError'; import { ChangeRequestProcessHelp } from './ChangeRequestProcessHelp/ChangeRequestProcessHelp'; import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; -import { KeyboardArrowDownOutlined } from '@mui/icons-material'; +import KeyboardArrowDownOutlined from '@mui/icons-material/KeyboardArrowDownOutlined'; import { useTheme } from '@mui/material/styles'; import AccessContext from 'contexts/AccessContext'; import { usePlausibleTracker } from 'hooks/usePlausibleTracker'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActions.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActions.tsx index fab97c11e0..6916e04da7 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActions.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActions.tsx @@ -10,7 +10,7 @@ import { PermissionGuard } from 'component/common/PermissionGuard/PermissionGuar import { ProjectActionsTable } from './ProjectActionsTable/ProjectActionsTable'; import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton'; import { useTheme } from '@mui/material'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { IActionSet } from 'interfaces/action'; import { useState } from 'react'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell/ProjectActionsLastEvent.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell/ProjectActionsLastEvent.tsx index 5920e1bd14..e2aacc03c8 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell/ProjectActionsLastEvent.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell/ProjectActionsLastEvent.tsx @@ -3,7 +3,8 @@ import { TooltipLink } from 'component/common/TooltipLink/TooltipLink'; import { useActionEvents } from 'hooks/api/getters/useActionEvents/useActionEvents'; import { ProjectActionsEventsDetails } from '../ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetails'; import { CircularProgress, styled } from '@mui/material'; -import { CheckCircleOutline, ErrorOutline } from '@mui/icons-material'; +import CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'; +import ErrorOutline from '@mui/icons-material/ErrorOutline'; import { useLocationSettings } from 'hooks/useLocationSettings'; import { formatDateYMDHMS } from 'utils/formatDate'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetails.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetails.tsx index d08d8e3cce..7e441662d9 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetails.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetails.tsx @@ -2,7 +2,7 @@ import { Alert, styled } from '@mui/material'; import { IActionSetEvent } from 'interfaces/action'; import { ProjectActionsEventsDetailsAction } from './ProjectActionsEventsDetailsAction'; import { ProjectActionsEventsDetailsSource } from './ProjectActionsEventsDetailsSource/ProjectActionsEventsDetailsSource'; -import { CheckCircleOutline } from '@mui/icons-material'; +import CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'; const StyledDetails = styled('div')(({ theme }) => ({ display: 'flex', diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsAction.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsAction.tsx index 24e9becfff..5db476a6be 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsAction.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsAction.tsx @@ -1,4 +1,5 @@ -import { CheckCircleOutline, ErrorOutline } from '@mui/icons-material'; +import CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'; +import ErrorOutline from '@mui/icons-material/ErrorOutline'; import { Alert, CircularProgress, Divider, styled } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { IActionEvent } from 'interfaces/action'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsSource/ProjectActionsEventsDetailsSourceSignalEndpoint.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsSource/ProjectActionsEventsDetailsSourceSignalEndpoint.tsx index d0bb910748..f61e8ceea1 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsSource/ProjectActionsEventsDetailsSourceSignalEndpoint.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsDetails/ProjectActionsEventsDetailsSource/ProjectActionsEventsDetailsSourceSignalEndpoint.tsx @@ -1,4 +1,4 @@ -import { ExpandMore } from '@mui/icons-material'; +import ExpandMore from '@mui/icons-material/ExpandMore'; import { Accordion, AccordionDetails, diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsStateCell.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsStateCell.tsx index a6635cfa48..28f0b58f75 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsStateCell.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsEventsModal/ProjectActionsEventsStateCell.tsx @@ -1,5 +1,6 @@ import { CircularProgress, styled } from '@mui/material'; -import { CheckCircleOutline, ErrorOutline } from '@mui/icons-material'; +import CheckCircleOutline from '@mui/icons-material/CheckCircleOutline'; +import ErrorOutline from '@mui/icons-material/ErrorOutline'; import { IActionSetEvent } from 'interfaces/action'; export const StyledSuccessIcon = styled(CheckCircleOutline)(({ theme }) => ({ diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsActionItem.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsActionItem.tsx index 2c7adcbdbf..a323463ec3 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsActionItem.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsActionItem.tsx @@ -1,6 +1,6 @@ import { Alert, IconButton, Tooltip, styled } from '@mui/material'; import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; import { useFeatureSearch } from 'hooks/api/getters/useFeatureSearch/useFeatureSearch'; import { ActionsActionState } from '../../useProjectActionsForm'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsFormStepActions.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsFormStepActions.tsx index aa7bbe15d3..35e0ff54cb 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsFormStepActions.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepActions/ProjectActionsFormStepActions.tsx @@ -6,7 +6,7 @@ import { ProjectActionsActionItem } from './ProjectActionsActionItem'; import { ActionsActionState } from '../../useProjectActionsForm'; import { ProjectActionsFormStep } from '../ProjectActionsFormStep'; import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { IServiceAccount } from 'interfaces/service-account'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFilterItem.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFilterItem.tsx index b9a5fb8794..556c6d9c51 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFilterItem.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFilterItem.tsx @@ -6,7 +6,7 @@ import { styled, } from '@mui/material'; import { ActionsFilterState } from '../../useProjectActionsForm'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import Input from 'component/common/Input/Input'; import { ProjectActionsFormItem } from '../ProjectActionsFormItem'; import { ConstraintOperatorSelect } from 'component/common/ConstraintAccordion/ConstraintOperatorSelect'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFormStepSource.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFormStepSource.tsx index a5c04bb113..a877dc378f 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFormStepSource.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFormStepSource.tsx @@ -9,7 +9,7 @@ import { ProjectActionsFilterItem } from './ProjectActionsFilterItem'; import { ActionsFilterState } from '../../useProjectActionsForm'; import { ProjectActionsFormStep } from '../ProjectActionsFormStep'; import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { ProjectActionsPreviewPayload } from './ProjectActionsPreviewPayload'; import { useSignalEndpointSignals } from 'hooks/api/getters/useSignalEndpointSignals/useSignalEndpointSignals'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsPreviewPayload.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsPreviewPayload.tsx index 7306fac035..dff87eff31 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsPreviewPayload.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsPreviewPayload.tsx @@ -1,4 +1,4 @@ -import { ArrowForwardIosSharp } from '@mui/icons-material'; +import ArrowForwardIosSharp from '@mui/icons-material/ArrowForwardIosSharp'; import { Accordion, AccordionDetails, diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTableActionsCell.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTableActionsCell.tsx index 61e146b340..53117f78d8 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTableActionsCell.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTableActionsCell.tsx @@ -12,7 +12,9 @@ import { styled, } from '@mui/material'; import MoreVertIcon from '@mui/icons-material/MoreVert'; -import { Delete, Edit, Visibility } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; +import Edit from '@mui/icons-material/Edit'; +import Visibility from '@mui/icons-material/Visibility'; import { PermissionHOC } from 'component/common/PermissionHOC/PermissionHOC'; import { ADMIN } from 'component/providers/AccessProvider/permissions'; import { defaultBorderRadius } from 'themes/themeStyles'; diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/ProjectEnvironmentDefaultStrategy.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/ProjectEnvironmentDefaultStrategy.tsx index 49e4c9d44e..a2b2d1a8d2 100644 --- a/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/ProjectEnvironmentDefaultStrategy.tsx +++ b/frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/ProjectEnvironmentDefaultStrategy.tsx @@ -3,7 +3,7 @@ import { StrategyItemContainer } from 'component/common/StrategyItemContainer/St import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; import { UPDATE_FEATURE_STRATEGY } from 'component/providers/AccessProvider/permissions'; import { Link } from 'react-router-dom'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { StrategyExecution } from 'component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyExecution/StrategyExecution'; import { ProjectEnvironmentType } from 'interfaces/environments'; import { useMemo } from 'react'; diff --git a/frontend/src/component/project/Project/ProjectStats/HelpPopper.tsx b/frontend/src/component/project/Project/ProjectStats/HelpPopper.tsx index 274214eee3..837ae9a2eb 100644 --- a/frontend/src/component/project/Project/ProjectStats/HelpPopper.tsx +++ b/frontend/src/component/project/Project/ProjectStats/HelpPopper.tsx @@ -1,5 +1,6 @@ import { FC, useState } from 'react'; -import { Close, HelpOutline } from '@mui/icons-material'; +import Close from '@mui/icons-material/Close'; +import HelpOutline from '@mui/icons-material/HelpOutline'; import { Box, IconButton, diff --git a/frontend/src/component/project/Project/ProjectStats/StatusBox.tsx b/frontend/src/component/project/Project/ProjectStats/StatusBox.tsx index c703f98118..2c61654f80 100644 --- a/frontend/src/component/project/Project/ProjectStats/StatusBox.tsx +++ b/frontend/src/component/project/Project/ProjectStats/StatusBox.tsx @@ -1,5 +1,6 @@ import type { FC, ReactNode } from 'react'; -import { CallMade, SouthEast } from '@mui/icons-material'; +import CallMade from '@mui/icons-material/CallMade'; +import SouthEast from '@mui/icons-material/SouthEast'; import { Box, Typography, styled } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { flexRow } from 'themes/themeStyles'; diff --git a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx index 3b31985e19..fe489465f2 100644 --- a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx +++ b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx @@ -2,7 +2,9 @@ import { useEffect, useMemo, useState, VFC } from 'react'; import { SortingRule, useFlexLayout, useSortBy, useTable } from 'react-table'; import { VirtualizedTable, TablePlaceholder } from 'component/common/Table'; import { styled, useMediaQuery, useTheme } from '@mui/material'; -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 { sortTypes } from 'utils/sortTypes'; import useProjectAccess, { ENTITY_TYPE, diff --git a/frontend/src/component/project/ProjectAccess/ProjectGroupView/ProjectGroupView.tsx b/frontend/src/component/project/ProjectAccess/ProjectGroupView/ProjectGroupView.tsx index 42c154b0fb..fee9b1a6c7 100644 --- a/frontend/src/component/project/ProjectAccess/ProjectGroupView/ProjectGroupView.tsx +++ b/frontend/src/component/project/ProjectAccess/ProjectGroupView/ProjectGroupView.tsx @@ -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 { styled, useMediaQuery, useTheme } from '@mui/material'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { PageContent } from 'component/common/PageContent/PageContent'; diff --git a/frontend/src/component/project/ProjectCard/ProjectCard.styles.ts b/frontend/src/component/project/ProjectCard/ProjectCard.styles.ts index 397947a832..5d3e73a6a3 100644 --- a/frontend/src/component/project/ProjectCard/ProjectCard.styles.ts +++ b/frontend/src/component/project/ProjectCard/ProjectCard.styles.ts @@ -1,6 +1,7 @@ import { styled } from '@mui/material'; import { Card, Box } 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 { ReactComponent as ProjectIcon } from 'assets/icons/projectIcon.svg'; import { flexRow } from 'themes/themeStyles'; diff --git a/frontend/src/component/project/ProjectList/ProjectList.tsx b/frontend/src/component/project/ProjectList/ProjectList.tsx index a6d8d9279e..91138cf5d0 100644 --- a/frontend/src/component/project/ProjectList/ProjectList.tsx +++ b/frontend/src/component/project/ProjectList/ProjectList.tsx @@ -12,7 +12,7 @@ import AccessContext from 'contexts/AccessContext'; import { PageHeader } from 'component/common/PageHeader/PageHeader'; import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton'; import { CREATE_PROJECT } from 'component/providers/AccessProvider/permissions'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import ApiError from 'component/common/ApiError/ApiError'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import { TablePlaceholder } from 'component/common/Table'; diff --git a/frontend/src/component/segments/EditSegmentButton/EditSegmentButton.tsx b/frontend/src/component/segments/EditSegmentButton/EditSegmentButton.tsx index 908ff5113d..1870dc4a41 100644 --- a/frontend/src/component/segments/EditSegmentButton/EditSegmentButton.tsx +++ b/frontend/src/component/segments/EditSegmentButton/EditSegmentButton.tsx @@ -1,5 +1,5 @@ import { ISegment } from 'interfaces/segment'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; import { UPDATE_SEGMENT, diff --git a/frontend/src/component/segments/RemoveSegmentButton/RemoveSegmentButton.tsx b/frontend/src/component/segments/RemoveSegmentButton/RemoveSegmentButton.tsx index 5e2177437a..98c3427acc 100644 --- a/frontend/src/component/segments/RemoveSegmentButton/RemoveSegmentButton.tsx +++ b/frontend/src/component/segments/RemoveSegmentButton/RemoveSegmentButton.tsx @@ -4,7 +4,7 @@ import { DELETE_SEGMENT, UPDATE_PROJECT_SEGMENT, } from 'component/providers/AccessProvider/permissions'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { SEGMENT_DELETE_BTN_ID } from 'utils/testIds'; import { useSegments } from 'hooks/api/getters/useSegments/useSegments'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/segments/SegmentFormStepList.tsx b/frontend/src/component/segments/SegmentFormStepList.tsx index fab146ceff..ac2e1c7140 100644 --- a/frontend/src/component/segments/SegmentFormStepList.tsx +++ b/frontend/src/component/segments/SegmentFormStepList.tsx @@ -1,4 +1,4 @@ -import { FiberManualRecord } from '@mui/icons-material'; +import FiberManualRecord from '@mui/icons-material/FiberManualRecord'; import React from 'react'; import { styled } from '@mui/material'; import { formTemplateSidebarWidth } from '../common/FormTemplate/FormTemplate.styles'; diff --git a/frontend/src/component/segments/SegmentFormStepTwo.tsx b/frontend/src/component/segments/SegmentFormStepTwo.tsx index 9506490481..7a472dfc57 100644 --- a/frontend/src/component/segments/SegmentFormStepTwo.tsx +++ b/frontend/src/component/segments/SegmentFormStepTwo.tsx @@ -1,6 +1,6 @@ import React, { useRef, useState, useContext } from 'react'; import { Button, styled } from '@mui/material'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import PermissionButton from 'component/common/PermissionButton/PermissionButton'; import { SidebarModal } from 'component/common/SidebarModal/SidebarModal'; diff --git a/frontend/src/component/segments/SegmentTable/SegmentTable.tsx b/frontend/src/component/segments/SegmentTable/SegmentTable.tsx index a430ed3df5..c0d3313968 100644 --- a/frontend/src/component/segments/SegmentTable/SegmentTable.tsx +++ b/frontend/src/component/segments/SegmentTable/SegmentTable.tsx @@ -18,7 +18,7 @@ import { useMemo, useState } from 'react'; import { SegmentEmpty } from 'component/segments/SegmentEmpty'; import { IconCell } from 'component/common/Table/cells/IconCell/IconCell'; import { LinkCell } from 'component/common/Table/cells/LinkCell/LinkCell'; -import { DonutLarge } from '@mui/icons-material'; +import DonutLarge from '@mui/icons-material/DonutLarge'; import { SegmentActionCell } from 'component/segments/SegmentActionCell/SegmentActionCell'; import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell'; import { DateCell } from 'component/common/Table/cells/DateCell/DateCell'; diff --git a/frontend/src/component/signals/SignalEndpointsModal/SignalEndpointsForm/SignalEndpointsTokens/SignalEndpointsTokens.tsx b/frontend/src/component/signals/SignalEndpointsModal/SignalEndpointsForm/SignalEndpointsTokens/SignalEndpointsTokens.tsx index 7d125b92f1..b2f505fddb 100644 --- a/frontend/src/component/signals/SignalEndpointsModal/SignalEndpointsForm/SignalEndpointsTokens/SignalEndpointsTokens.tsx +++ b/frontend/src/component/signals/SignalEndpointsModal/SignalEndpointsForm/SignalEndpointsTokens/SignalEndpointsTokens.tsx @@ -1,4 +1,4 @@ -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { Button, IconButton, diff --git a/frontend/src/component/signals/SignalEndpointsTable/SignalEndpointsActionsCell.tsx b/frontend/src/component/signals/SignalEndpointsTable/SignalEndpointsActionsCell.tsx index 49054f5952..d0ba5bbdba 100644 --- a/frontend/src/component/signals/SignalEndpointsTable/SignalEndpointsActionsCell.tsx +++ b/frontend/src/component/signals/SignalEndpointsTable/SignalEndpointsActionsCell.tsx @@ -13,7 +13,9 @@ import { } from '@mui/material'; import MoreVertIcon from '@mui/icons-material/MoreVert'; import FileCopyIcon from '@mui/icons-material/FileCopy'; -import { Delete, Edit, Visibility } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; +import Edit from '@mui/icons-material/Edit'; +import Visibility from '@mui/icons-material/Visibility'; import { PermissionHOC } from 'component/common/PermissionHOC/PermissionHOC'; import { ADMIN } from 'component/providers/AccessProvider/permissions'; import { defaultBorderRadius } from 'themes/themeStyles'; diff --git a/frontend/src/component/splash/SplashPageOperators.tsx b/frontend/src/component/splash/SplashPageOperators.tsx index 7d6ae971e9..0faace73d0 100644 --- a/frontend/src/component/splash/SplashPageOperators.tsx +++ b/frontend/src/component/splash/SplashPageOperators.tsx @@ -1,6 +1,6 @@ import { Link, useNavigate } from 'react-router-dom'; import { Button, IconButton, styled } from '@mui/material'; -import { CloseOutlined } from '@mui/icons-material'; +import CloseOutlined from '@mui/icons-material/CloseOutlined'; import { OperatorUpgradeAlert } from 'component/common/OperatorUpgradeAlert/OperatorUpgradeAlert'; const StyledContainer = styled('section')(({ theme }) => ({ diff --git a/frontend/src/component/strategies/StrategiesList/AddStrategyButton/AddStrategyButton.tsx b/frontend/src/component/strategies/StrategiesList/AddStrategyButton/AddStrategyButton.tsx index ebbb9952f3..933ff22688 100644 --- a/frontend/src/component/strategies/StrategiesList/AddStrategyButton/AddStrategyButton.tsx +++ b/frontend/src/component/strategies/StrategiesList/AddStrategyButton/AddStrategyButton.tsx @@ -4,7 +4,7 @@ import PermissionButton from 'component/common/PermissionButton/PermissionButton import { useMediaQuery } from '@mui/material'; import { CREATE_STRATEGY } from 'component/providers/AccessProvider/permissions'; import { ADD_NEW_STRATEGY_ID } from 'utils/testIds'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { useNavigate } from 'react-router-dom'; export const AddStrategyButton = () => { diff --git a/frontend/src/component/strategies/StrategiesList/StrategiesList.tsx b/frontend/src/component/strategies/StrategiesList/StrategiesList.tsx index 47b430bb50..b91f802116 100644 --- a/frontend/src/component/strategies/StrategiesList/StrategiesList.tsx +++ b/frontend/src/component/strategies/StrategiesList/StrategiesList.tsx @@ -1,7 +1,7 @@ import { useState, useMemo, useCallback, FC } from 'react'; import { useNavigate } from 'react-router-dom'; import { Box, Link, Typography, styled } from '@mui/material'; -import { Extension } from '@mui/icons-material'; +import Extension from '@mui/icons-material/Extension'; import { Table, SortableTableHeader, diff --git a/frontend/src/component/strategies/StrategiesList/StrategyDeleteButton/StrategyDeleteButton.tsx b/frontend/src/component/strategies/StrategiesList/StrategyDeleteButton/StrategyDeleteButton.tsx index bb32f20422..74511f5cb9 100644 --- a/frontend/src/component/strategies/StrategiesList/StrategyDeleteButton/StrategyDeleteButton.tsx +++ b/frontend/src/component/strategies/StrategiesList/StrategyDeleteButton/StrategyDeleteButton.tsx @@ -1,7 +1,7 @@ import { VFC } from 'react'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { IconButton, Tooltip } from '@mui/material'; import { IStrategy } from 'interfaces/strategy'; import { DELETE_STRATEGY } from 'component/providers/AccessProvider/permissions'; diff --git a/frontend/src/component/strategies/StrategiesList/StrategyEditButton/StrategyEditButton.tsx b/frontend/src/component/strategies/StrategiesList/StrategyEditButton/StrategyEditButton.tsx index 74a76d4e05..4da4297964 100644 --- a/frontend/src/component/strategies/StrategiesList/StrategyEditButton/StrategyEditButton.tsx +++ b/frontend/src/component/strategies/StrategiesList/StrategyEditButton/StrategyEditButton.tsx @@ -1,7 +1,7 @@ import { VFC } from 'react'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { IconButton, Tooltip } from '@mui/material'; import { UPDATE_STRATEGY } from 'component/providers/AccessProvider/permissions'; import { IStrategy } from 'interfaces/strategy'; diff --git a/frontend/src/component/strategies/StrategyForm/StrategyForm.tsx b/frontend/src/component/strategies/StrategyForm/StrategyForm.tsx index 803cefbd84..52a4c43898 100644 --- a/frontend/src/component/strategies/StrategyForm/StrategyForm.tsx +++ b/frontend/src/component/strategies/StrategyForm/StrategyForm.tsx @@ -1,6 +1,6 @@ import Input from 'component/common/Input/Input'; import { Button, styled } from '@mui/material'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; import { trim } from 'component/common/util'; import { StrategyParameters } from './StrategyParameters/StrategyParameters'; import { IStrategyParameter } from 'interfaces/strategy'; diff --git a/frontend/src/component/strategies/StrategyForm/StrategyParameters/StrategyParameter/StrategyParameter.tsx b/frontend/src/component/strategies/StrategyForm/StrategyParameters/StrategyParameter/StrategyParameter.tsx index 544375a476..11134ce45e 100644 --- a/frontend/src/component/strategies/StrategyForm/StrategyParameters/StrategyParameter/StrategyParameter.tsx +++ b/frontend/src/component/strategies/StrategyForm/StrategyParameters/StrategyParameter/StrategyParameter.tsx @@ -7,7 +7,7 @@ import { Tooltip, Link, } from '@mui/material'; -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect'; import Input from 'component/common/Input/Input'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx b/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx index 02c31a20f1..a8ab4bb473 100644 --- a/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx +++ b/frontend/src/component/strategies/StrategyView/StrategyDetails/StrategyDetails.tsx @@ -7,7 +7,8 @@ import { Tooltip, useTheme, } from '@mui/material'; -import { Add, RadioButtonChecked } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; +import RadioButtonChecked from '@mui/icons-material/RadioButtonChecked'; import { AppsLinkList } from 'component/common'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import styles from '../../strategies.module.scss'; diff --git a/frontend/src/component/strategies/StrategyView/StrategyView.tsx b/frontend/src/component/strategies/StrategyView/StrategyView.tsx index a497ad7490..8b280b5068 100644 --- a/frontend/src/component/strategies/StrategyView/StrategyView.tsx +++ b/frontend/src/component/strategies/StrategyView/StrategyView.tsx @@ -8,7 +8,7 @@ import useApplications from 'hooks/api/getters/useApplications/useApplications'; import { StrategyDetails } from './StrategyDetails/StrategyDetails'; import { PageHeader } from 'component/common/PageHeader/PageHeader'; import PermissionIconButton from 'component/common/PermissionIconButton/PermissionIconButton'; -import { Edit } from '@mui/icons-material'; +import Edit from '@mui/icons-material/Edit'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; import { FeatureSchema } from 'openapi/models'; diff --git a/frontend/src/component/strategies/TogglesLinkList/TogglesLinkList.tsx b/frontend/src/component/strategies/TogglesLinkList/TogglesLinkList.tsx index 52fb39c066..a5ec0aa71c 100644 --- a/frontend/src/component/strategies/TogglesLinkList/TogglesLinkList.tsx +++ b/frontend/src/component/strategies/TogglesLinkList/TogglesLinkList.tsx @@ -5,7 +5,8 @@ import { ListItemText, Tooltip, } from '@mui/material'; -import { Pause, PlayArrow } from '@mui/icons-material'; +import Pause from '@mui/icons-material/Pause'; +import PlayArrow from '@mui/icons-material/PlayArrow'; import styles from 'component/common/common.module.scss'; import { Link } from 'react-router-dom'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/tags/TagTypeList/AddTagTypeButton/AddTagTypeButton.tsx b/frontend/src/component/tags/TagTypeList/AddTagTypeButton/AddTagTypeButton.tsx index c5c14be189..80f33171ee 100644 --- a/frontend/src/component/tags/TagTypeList/AddTagTypeButton/AddTagTypeButton.tsx +++ b/frontend/src/component/tags/TagTypeList/AddTagTypeButton/AddTagTypeButton.tsx @@ -5,7 +5,7 @@ import { CREATE_TAG_TYPE } from 'component/providers/AccessProvider/permissions' import useMediaQuery from '@mui/material/useMediaQuery'; import { useNavigate } from 'react-router-dom'; -import { Add } from '@mui/icons-material'; +import Add from '@mui/icons-material/Add'; export const AddTagTypeButton = () => { const navigate = useNavigate(); diff --git a/frontend/src/component/tags/TagTypeList/TagTypeList.tsx b/frontend/src/component/tags/TagTypeList/TagTypeList.tsx index abea652813..98f096a036 100644 --- a/frontend/src/component/tags/TagTypeList/TagTypeList.tsx +++ b/frontend/src/component/tags/TagTypeList/TagTypeList.tsx @@ -9,7 +9,9 @@ import { TableRow, TablePlaceholder, } from 'component/common/Table'; -import { Delete, Edit, Label } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; +import Edit from '@mui/icons-material/Edit'; +import Label from '@mui/icons-material/Label'; import { PageHeader } from 'component/common/PageHeader/PageHeader'; import { PageContent } from 'component/common/PageContent/PageContent'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; diff --git a/frontend/src/component/user/Profile/PersonalAPITokensTab/PersonalAPITokensTab.tsx b/frontend/src/component/user/Profile/PersonalAPITokensTab/PersonalAPITokensTab.tsx index b58a00c284..0099707cb3 100644 --- a/frontend/src/component/user/Profile/PersonalAPITokensTab/PersonalAPITokensTab.tsx +++ b/frontend/src/component/user/Profile/PersonalAPITokensTab/PersonalAPITokensTab.tsx @@ -1,4 +1,4 @@ -import { Delete } from '@mui/icons-material'; +import Delete from '@mui/icons-material/Delete'; import { Alert, Button, diff --git a/frontend/src/hooks/api/getters/useUiConfig/defaultValue.ts b/frontend/src/hooks/api/getters/useUiConfig/defaultValue.ts index 5afa321112..48fca8e662 100644 --- a/frontend/src/hooks/api/getters/useUiConfig/defaultValue.ts +++ b/frontend/src/hooks/api/getters/useUiConfig/defaultValue.ts @@ -1,4 +1,4 @@ -import { LibraryBooks } from '@mui/icons-material'; +import LibraryBooks from '@mui/icons-material/LibraryBooks'; import { IUiConfig } from 'interfaces/uiConfig'; export const defaultValue: IUiConfig = {