fixes

Author: bloomui

src/content/applications/Users/profile/MyCards.js

@@ -14,9 +14,9 @@ import {
   CardContent,
   Tooltip,
   IconButton,
-  Avatar
+  Avatar,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 import DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone';
 import AddTwoToneIcon from '@mui/icons-material/AddTwoTone';
 
@@ -94,7 +94,7 @@ function MyCards() {
     setSelectedValue(event.target.value);
   };
 
-  const handleDelete = () => {};
+  const handleDelete = () => { };
 
   return (
     <Card>

src/content/applications/Users/profile/PopularTags.js

@@ -9,9 +9,9 @@ import {
   ListSubheader,
   ListItemText,
   Avatar,
-  useTheme
+  useTheme,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 
 const ListWrapper = styled(List)(
   () => `

src/content/applications/Users/profile/ProfileCover.js

@@ -7,9 +7,9 @@ import {
   Avatar,
   CardMedia,
   Button,
-  IconButton
+  IconButton,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 
 import ArrowBackTwoToneIcon from '@mui/icons-material/ArrowBackTwoTone';
 import ArrowForwardTwoToneIcon from '@mui/icons-material/ArrowForwardTwoTone';

src/content/applications/Users/profile/RecentActivity.js

@@ -5,9 +5,9 @@ import {
   CardHeader,
   Divider,
   Avatar,
-  useTheme
+  useTheme,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 
 import ShoppingBagTwoToneIcon from '@mui/icons-material/ShoppingBagTwoTone';
 import FavoriteTwoToneIcon from '@mui/icons-material/FavoriteTwoTone';

src/content/applications/Users/settings/ActivityTab.js

@@ -9,9 +9,9 @@ import {
   IconButton,
   Button,
   CardActions,
-  Link
+  Link,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 
 import MoreHorizTwoToneIcon from '@mui/icons-material/MoreHorizTwoTone';
 import ThumbUpAltTwoToneIcon from '@mui/icons-material/ThumbUpAltTwoTone';

src/content/applications/Users/settings/SecurityTab.js

@@ -22,9 +22,9 @@ import {
   TablePagination,
   TableRow,
   TableContainer,
-  useTheme
+  useTheme,
+  styled
 } from '@mui/material';
-import { styled } from '@mui/material/styles';
 
 import DoneTwoToneIcon from '@mui/icons-material/DoneTwoTone';
 import DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone';

src/content/applications/Users/settings/index.js

@@ -2,9 +2,8 @@ import { useState } from 'react';
 import { Helmet } from 'react-helmet-async';
 import PageHeader from './PageHeader';
 import PageTitleWrapper from 'src/components/PageTitleWrapper';
-import { Container, Tabs, Tab, Grid } from '@mui/material';
+import { Container, Tabs, Tab, Grid, styled } from '@mui/material';
 import Footer from 'src/components/Footer';
-import { styled } from '@mui/material/styles';
 
 import ActivityTab from './ActivityTab';
 import EditProfileTab from './EditProfileTab';

src/content/overview/Hero/index.js

@@ -1,9 +1,7 @@
-import { Box, Button, Container, Grid, Typography } from '@mui/material';
+import { Box, Button, Container, Grid, Typography, styled } from '@mui/material';
 
 import { Link as RouterLink } from 'react-router-dom';
 
-import { styled } from '@mui/material/styles';
-
 const TypographyH1 = styled(Typography)(
   ({ theme }) => `
     font-size: ${theme.typography.pxToRem(50)};
@@ -123,7 +121,7 @@ function Hero() {
               </MuiAvatar>
               <Typography variant="h4">
                 <Box sx={{ pb: 2 }}>
-                  <b>Powered by Material-UI</b>
+                  <b>Powered by MUI (Material-UI)</b>
                 </Box>
                 <Typography component="span" variant="subtitle2">
                   A simple and customizable component library to build faster,

src/content/overview/index.js

@@ -1,7 +1,6 @@
-import { Box, Container, Card } from '@mui/material';
+import { Box, Container, Card, styled } from '@mui/material';
 import { Helmet } from 'react-helmet-async';
 
-import { styled } from '@mui/material/styles';
 import Logo from 'src/components/LogoSign';
 import Hero from './Hero';
 

src/content/pages/Components/Cards/index.js

@@ -9,11 +9,11 @@ import {
   Card,
   CardHeader,
   CardContent,
-  Divider
+  Divider,
+  styled
 } from '@mui/material';
 import Footer from 'src/components/Footer';
 import CardActions from '@mui/material/CardActions';
-import { styled } from '@mui/material/styles';
 
 import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';