2219: Fix import

Author: jh-RLI

factsheet/frontend/src/components/customAutocomplete.jsx

@@ -12,7 +12,8 @@ import {
   DialogActions,
   Button
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import { createFilterOptions } from '@mui/material/Autocomplete';
 import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';

factsheet/frontend/src/components/customAutocompleteWithoutAddNew.jsx

@@ -8,7 +8,8 @@ import {
   Chip,
   Typography
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import { createFilterOptions } from '@mui/material/Autocomplete';
 import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';

factsheet/frontend/src/components/customTabs.tsx

@@ -1,7 +1,8 @@
 // CustomTabs.tsx
 import React, { useState } from 'react';
 import { Box, Tabs, Tab, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import palette from '../styles/oep-theme/palette';
 import variables from '../styles/oep-theme/variables';
 

factsheet/frontend/src/components/historyTable.tsx

@@ -13,7 +13,8 @@ import React, { PureComponent, Fragment, useState, useEffect } from "react";
 import conf from "../conf.json";
 import axios from "axios";
 import LinearProgress from '@mui/material/LinearProgress';
-// import { styled } from '@mui/material/styles';
+// import styled from '@mui/material/styles/styled';
+
 // import TableCell, { tableCellClasses } from '@mui/material/TableCell';
 
 import Box from '@mui/material/Box';

factsheet/frontend/src/components/scenarioBundle.tsx

@@ -41,7 +41,8 @@ import conf from "../conf.json";
 import { colors, Tooltip } from '@mui/material';
 import HtmlTooltip from '../styles/oep-theme/components/tooltipStyles'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline.js';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import SaveIcon from '@mui/icons-material/Save.js';
 import uuid from "react-uuid";
 import Alert from '@mui/material/Alert';

factsheet/frontend/src/styles/oep-theme/components/breadcrumbsNavigation.jsx

@@ -4,7 +4,8 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 import { Grid } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import Container from '@mui/material/Container';
 import ListAltOutlinedIcon from '@mui/icons-material/ListAltOutlined';
 import palette from '../palette';

factsheet/frontend/src/styles/oep-theme/components/factsheetsStyles.tsx

@@ -1,4 +1,5 @@
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import Tab from '@mui/material/Tab';
 import Box from '@mui/material/Box';
 

factsheet/frontend/src/styles/oep-theme/components/infoListItem.jsx

@@ -4,7 +4,8 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 import { Grid } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import variables from '../variables';
 
 const InfoListItemContainer = styled(Grid)(({ theme }) => ({

factsheet/frontend/src/styles/style.js

@@ -4,7 +4,8 @@
 //
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled';
+
 import Button from '@mui/material/Button';
 
 import { purple } from '@mui/material/colors';