Change named exports to default exports for mui icons
This is to reduce transfer size when users load the page for the first time
Change-Id: I3215b7099bcdbea7b446da599810f5951407bbdb
diff --git a/client/src/components/AccountPreferences.tsx b/client/src/components/AccountPreferences.tsx
index 9355a8b..fc01074 100644
--- a/client/src/components/AccountPreferences.tsx
+++ b/client/src/components/AccountPreferences.tsx
@@ -15,7 +15,10 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { AddCircle, DeleteRounded, GroupRounded, PhoneCallbackRounded } from '@mui/icons-material';
+import AddCircle from '@mui/icons-material/AddCircle';
+import DeleteRounded from '@mui/icons-material/AddCircle';
+import GroupRounded from '@mui/icons-material/AddCircle';
+import PhoneCallbackRounded from '@mui/icons-material/AddCircle';
import {
Card,
CardContent,
diff --git a/client/src/components/Button.tsx b/client/src/components/Button.tsx
index 92ef37d..3aff314 100644
--- a/client/src/components/Button.tsx
+++ b/client/src/components/Button.tsx
@@ -15,7 +15,9 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { QuestionMark, RadioButtonChecked, RadioButtonUnchecked } from '@mui/icons-material';
+import QuestionMark from '@mui/icons-material/AddCircle';
+import RadioButtonChecked from '@mui/icons-material/AddCircle';
+import RadioButtonUnchecked from '@mui/icons-material/AddCircle';
import {
Box,
ClickAwayListener,
diff --git a/client/src/components/ContactSearchResultList.tsx b/client/src/components/ContactSearchResultList.tsx
index d0c9598..d7ca047 100644
--- a/client/src/components/ContactSearchResultList.tsx
+++ b/client/src/components/ContactSearchResultList.tsx
@@ -15,7 +15,7 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { GroupAddRounded } from '@mui/icons-material';
+import GroupAddRounded from '@mui/icons-material/GroupAddRounded';
import { Box, Dialog, DialogProps, Fab, List, ListSubheader, Typography } from '@mui/material';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
diff --git a/client/src/components/ConversationAvatar.tsx b/client/src/components/ConversationAvatar.tsx
index 2e2d31c..d7bd954 100644
--- a/client/src/components/ConversationAvatar.tsx
+++ b/client/src/components/ConversationAvatar.tsx
@@ -15,7 +15,8 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { Check, RefreshOutlined } from '@mui/icons-material';
+import Check from '@mui/icons-material/Check';
+import RefreshOutlined from '@mui/icons-material/RefreshOutlined';
import { Avatar, AvatarProps, Box, Dialog, Stack, Typography } from '@mui/material';
import { useCallback, useEffect, useState } from 'react';
import { useDropzone } from 'react-dropzone';
diff --git a/client/src/components/ConversationList.tsx b/client/src/components/ConversationList.tsx
index ee4a36e..f2897b3 100644
--- a/client/src/components/ConversationList.tsx
+++ b/client/src/components/ConversationList.tsx
@@ -15,7 +15,7 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { SearchRounded } from '@mui/icons-material';
+import SearchRounded from '@mui/icons-material/SearchRounded';
import { InputBase, Stack } from '@mui/material';
import { ChangeEvent, useCallback, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
diff --git a/client/src/components/FilePreview.tsx b/client/src/components/FilePreview.tsx
index 68c3424..0b3e506 100644
--- a/client/src/components/FilePreview.tsx
+++ b/client/src/components/FilePreview.tsx
@@ -15,7 +15,7 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { AttachFile } from '@mui/icons-material';
+import AttachFile from '@mui/icons-material/AttachFile';
import { IconButton, IconButtonProps, Stack, Typography } from '@mui/material';
import * as mime from 'mime';
import { useRef } from 'react';
diff --git a/client/src/components/Input.tsx b/client/src/components/Input.tsx
index d6529b4..12b468b 100644
--- a/client/src/components/Input.tsx
+++ b/client/src/components/Input.tsx
@@ -15,7 +15,8 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { GppMaybe, Warning } from '@mui/icons-material';
+import GppMaybe from '@mui/icons-material/GppMaybe';
+import Warning from '@mui/icons-material/Warning';
import { IconButtonProps, Stack, TextField, TextFieldProps } from '@mui/material';
import { styled } from '@mui/material/styles';
import { ChangeEvent, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';
diff --git a/client/src/components/UsernameChooser.jsx b/client/src/components/UsernameChooser.jsx
index b098d1d..dee5b19 100644
--- a/client/src/components/UsernameChooser.jsx
+++ b/client/src/components/UsernameChooser.jsx
@@ -15,7 +15,7 @@
* License along with this program. If not, see
* <https://www.gnu.org/licenses/>.
*/
-import { SearchRounded } from '@mui/icons-material';
+import SearchRounded from '@mui/icons-material/SearchRounded';
import { InputAdornment, TextField } from '@mui/material';
import axios from 'axios';
import { useEffect, useState } from 'react';