From 8e6aea86ce388b10c8397b6de558cb9b250292b9 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 08:10:37 +0200 Subject: [PATCH 01/32] Rename file --- .../Desktop/{DesktopSideBar.tsx => DesktopLeftSideBar.tsx} | 2 +- src/components/Group/Group.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) rename src/components/Desktop/{DesktopSideBar.tsx => DesktopLeftSideBar.tsx} (98%) diff --git a/src/components/Desktop/DesktopSideBar.tsx b/src/components/Desktop/DesktopLeftSideBar.tsx similarity index 98% rename from src/components/Desktop/DesktopSideBar.tsx rename to src/components/Desktop/DesktopLeftSideBar.tsx index 13f04b1..75f4f76 100644 --- a/src/components/Desktop/DesktopSideBar.tsx +++ b/src/components/Desktop/DesktopLeftSideBar.tsx @@ -1,7 +1,7 @@ import { Box, ButtonBase, useTheme } from '@mui/material'; import { HomeIcon } from '../../assets/Icons/HomeIcon'; import { Save } from '../Save/Save'; -import { IconWrapper } from '../Desktop/DesktopFooter'; +import { IconWrapper } from './DesktopFooter'; import { enabledDevModeAtom } from '../../atoms/global'; import { AppsIcon } from '../../assets/Icons/AppsIcon'; import ThemeSelector from '../Theme/ThemeSelector'; diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx index ca48e2b..7d1370d 100644 --- a/src/components/Group/Group.tsx +++ b/src/components/Group/Group.tsx @@ -49,7 +49,7 @@ import { IconWrapper } from '../Desktop/DesktopFooter'; import { DesktopHeader } from '../Desktop/DesktopHeader'; import { AppsDesktop } from '../Apps/AppsDesktop'; import { AppsDevMode } from '../Apps/AppsDevMode'; -import { DesktopSideBar } from '../Desktop/DesktopSideBar'; +import { DesktopSideBar } from '../Desktop/DesktopLeftSideBar'; import { HubsIcon } from '../../assets/Icons/HubsIcon'; import { MessagingIcon } from '../../assets/Icons/MessagingIcon'; import { formatEmailDate } from './QMailMessages'; From 62838bcaf93acc2af13208708932fc22dba2025f Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 08:40:50 +0200 Subject: [PATCH 02/32] Refactor deprecated property --- src/components/Group/AddGroup.tsx | 4 +++- src/components/Group/ManageMembers.tsx | 4 +++- src/components/Group/Settings.tsx | 4 +++- src/components/UserLookup.tsx/UserLookup.tsx | 3 ++- 4 files changed, 11 insertions(+), 4 deletions(-) diff --git a/src/components/Group/AddGroup.tsx b/src/components/Group/AddGroup.tsx index 3815d0d..cc3e487 100644 --- a/src/components/Group/AddGroup.tsx +++ b/src/components/Group/AddGroup.tsx @@ -223,7 +223,9 @@ export const AddGroup = ({ address, open, setOpen }) => { fullScreen open={open} onClose={handleClose} - TransitionComponent={Transition} + slots={{ + transition: Transition, + }} > { fullScreen open={open} onClose={handleClose} - TransitionComponent={Transition} + slots={{ + transition: Transition, + }} > diff --git a/src/components/UserLookup.tsx/UserLookup.tsx b/src/components/UserLookup.tsx/UserLookup.tsx index a805180..b58d616 100644 --- a/src/components/UserLookup.tsx/UserLookup.tsx +++ b/src/components/UserLookup.tsx/UserLookup.tsx @@ -29,7 +29,6 @@ import AccountCircleIcon from '@mui/icons-material/AccountCircle'; import { Spacer } from '../../common/Spacer'; import { formatTimestamp } from '../../utils/time'; import CloseFullscreenIcon from '@mui/icons-material/CloseFullscreen'; -import SearchIcon from '@mui/icons-material/Search'; import { executeEvent, subscribeToEvent, @@ -65,6 +64,7 @@ export const UserLookup = ({ isOpenDrawerLookup, setIsOpenDrawerLookup }) => { const [isLoadingUser, setIsLoadingUser] = useState(false); const [isLoadingPayments, setIsLoadingPayments] = useState(false); const [payments, setPayments] = useState([]); + const lookupFunc = useCallback( async (messageAddressOrName) => { try { @@ -481,6 +481,7 @@ export const UserLookup = ({ isOpenDrawerLookup, setIsOpenDrawerLookup }) => { /> )} + {!isLoadingPayments && addressInfo && ( Date: Tue, 27 May 2025 08:46:42 +0200 Subject: [PATCH 03/32] Refactor values --- src/i18n/locales/de/core.json | 4 ++-- src/i18n/locales/it/core.json | 12 ++++++------ src/i18n/locales/ru/core.json | 4 ++-- src/i18n/locales/zh/core.json | 6 +++--- 4 files changed, 13 insertions(+), 13 deletions(-) diff --git a/src/i18n/locales/de/core.json b/src/i18n/locales/de/core.json index 0d9840c..8e4691a 100644 --- a/src/i18n/locales/de/core.json +++ b/src/i18n/locales/de/core.json @@ -336,8 +336,8 @@ "about": "über diese Q-App", "q_mail": "Q-Mail", "q_manager": "Q-Manager", - "q_sandbox": "q-sandbox", - "q_wallets": "q-wallets" + "q_sandbox": "Q-Sandbox", + "q_wallets": "Q-Wallets" }, "receiver": "empfänger", "sender": "absender", diff --git a/src/i18n/locales/it/core.json b/src/i18n/locales/it/core.json index b737add..95751db 100644 --- a/src/i18n/locales/it/core.json +++ b/src/i18n/locales/it/core.json @@ -14,7 +14,7 @@ "change": "modifica", "change_avatar": "cambia Avatar", "change_file": "modifica file", - "change_language": "cambia il linguaggio", + "change_language": "cambia la lingua", "choose": "scegli", "choose_file": "scegli il file", "choose_image": "scegli l'immagine", @@ -339,10 +339,10 @@ "publish": "pubblicazione", "q_apps": { "about": "su questo Q-app", - "q_mail": "Q-mail", - "q_manager": "Q-manager", - "q_sandbox": "Q-sandbox", - "q_wallets": "Q-wallet" + "q_mail": "Q-Mail", + "q_manager": "Q-Manager", + "q_sandbox": "Q-Sandbox", + "q_wallets": "Q-Wallets" }, "receiver": "ricevitore", "sender": "mittente", @@ -358,7 +358,7 @@ "dark": "scuro", "dark_mode": "modalità scura", "default": "tema di default", - "light": "chiara", + "light": "chiaro", "light_mode": "modalità chiara", "manager": "manager tema", "name": "nome tema" diff --git a/src/i18n/locales/ru/core.json b/src/i18n/locales/ru/core.json index d5e4f61..927cec1 100644 --- a/src/i18n/locales/ru/core.json +++ b/src/i18n/locales/ru/core.json @@ -339,8 +339,8 @@ "about": "об этом Q-App", "q_mail": "Q-Mail", "q_manager": "Q-Manager", - "q_sandbox": "Q-SANDBOX", - "q_wallets": "Q-Wallet" + "q_sandbox": "Q-Sandbox", + "q_wallets": "Q-Wallets" }, "receiver": "приемник", "sender": "отправитель", diff --git a/src/i18n/locales/zh/core.json b/src/i18n/locales/zh/core.json index 58ac531..51168b8 100644 --- a/src/i18n/locales/zh/core.json +++ b/src/i18n/locales/zh/core.json @@ -337,9 +337,9 @@ "q_apps": { "about": "关于这个Q-App", "q_mail": "Q邮件", - "q_manager": "Q-Manager", - "q_sandbox": "Q-Sandbox", - "q_wallets": "Q-Wallet" + "q_manager": "Q-经理", + "q_sandbox": "Q-沙箱", + "q_wallets": "Q-钱包" }, "receiver": "接收者", "sender": "发件人", From 0f857acd8dbf42ad5a34b58b27b40b1599b8b1a7 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 08:47:01 +0200 Subject: [PATCH 04/32] Refactor --- src/components/Group/Settings.tsx | 3 ++- src/encryption/bcryptworker.worker.js | 19 +++++++++---------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/Group/Settings.tsx b/src/components/Group/Settings.tsx index 9508ebc..92df026 100644 --- a/src/components/Group/Settings.tsx +++ b/src/components/Group/Settings.tsx @@ -154,7 +154,7 @@ export const Settings = ({ open, setOpen, rawWallet }) => { useEffect(() => { getUserSettings(); - }, []); + }); return ( @@ -243,6 +243,7 @@ const ExportPrivateKey = ({ rawWallet }) => { const [isOpen, setIsOpen] = useState(false); const { setOpenSnackGlobal, setInfoSnackCustom } = useContext(QORTAL_APP_CONTEXT); + const theme = useTheme(); const { t } = useTranslation([ 'auth', 'core', diff --git a/src/encryption/bcryptworker.worker.js b/src/encryption/bcryptworker.worker.js index d6d048a..f324c3f 100644 --- a/src/encryption/bcryptworker.worker.js +++ b/src/encryption/bcryptworker.worker.js @@ -1,12 +1,11 @@ -import bcrypt from 'bcryptjs' - +import bcrypt from 'bcryptjs'; self.onmessage = function (e) { - const { hashBase64, salt } = e.data; - try { - const result = bcrypt.hashSync(hashBase64, salt); - self.postMessage({ result }); - } catch (error) { - self.postMessage({ error: error.message }); - } -}; \ No newline at end of file + const { hashBase64, salt } = e.data; + try { + const result = bcrypt.hashSync(hashBase64, salt); + self.postMessage({ result }); + } catch (error) { + self.postMessage({ error: error.message }); + } +}; From 441e4c02310208d06123635d40a5600dad6d58c0 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 09:02:58 +0200 Subject: [PATCH 05/32] Refactor deprecated MUI component --- src/components/Theme/ThemeManager.tsx | 39 +++++++++++++++------------ 1 file changed, 22 insertions(+), 17 deletions(-) diff --git a/src/components/Theme/ThemeManager.tsx b/src/components/Theme/ThemeManager.tsx index 1bfee78..f254a74 100644 --- a/src/components/Theme/ThemeManager.tsx +++ b/src/components/Theme/ThemeManager.tsx @@ -16,6 +16,7 @@ import { Tab, ListItemButton, useTheme, + ListItem, } from '@mui/material'; import { Sketch } from '@uiw/react-color'; import DeleteIcon from '@mui/icons-material/Delete'; @@ -269,24 +270,28 @@ export default function ThemeManager() { - - {theme.id !== 'default' && ( - <> - exportTheme(theme)}> - + + {theme.id !== 'default' && ( + <> + exportTheme(theme)}> + + + handleEditTheme(theme.id)}> + + + handleDeleteTheme(theme.id)}> + + + + )} + handleApplyTheme(theme)}> + - handleEditTheme(theme.id)}> - - - handleDeleteTheme(theme.id)}> - - - - )} - handleApplyTheme(theme)}> - - - + + } + > ))} From a416013b7a4827c8fb3ae256f9360d183d246850 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 09:03:05 +0200 Subject: [PATCH 06/32] Update --- src/i18n/locales/it/core.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/i18n/locales/it/core.json b/src/i18n/locales/it/core.json index 95751db..1144455 100644 --- a/src/i18n/locales/it/core.json +++ b/src/i18n/locales/it/core.json @@ -316,7 +316,7 @@ "voted": "votato con successo. Si prega di attendere un paio di minuti affinché la rete propaghi le modifiche." } }, - "minting_status": "stato di minting", + "minting_status": "stato minting", "name": "nome", "name_app": "nome/app", "new_post_in": "nuovo post in {{ title }}", From e4223ce418201f1368e82f27a1b949f74d23cacd Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 09:04:16 +0200 Subject: [PATCH 07/32] Remove unused import --- src/components/Theme/ThemeManager.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Theme/ThemeManager.tsx b/src/components/Theme/ThemeManager.tsx index f254a74..f596ccc 100644 --- a/src/components/Theme/ThemeManager.tsx +++ b/src/components/Theme/ThemeManager.tsx @@ -10,7 +10,6 @@ import { DialogActions, List, ListItemText, - ListItemSecondaryAction, TextField, Tabs, Tab, @@ -190,6 +189,7 @@ export default function ThemeManager() { {label} + Date: Tue, 27 May 2025 09:14:33 +0200 Subject: [PATCH 08/32] Uniform layout of Minting to Settings --- src/components/Group/Settings.tsx | 2 +- src/components/Minting/Minting.tsx | 58 +++++++++++------------------- 2 files changed, 22 insertions(+), 38 deletions(-) diff --git a/src/components/Group/Settings.tsx b/src/components/Group/Settings.tsx index 92df026..2c87334 100644 --- a/src/components/Group/Settings.tsx +++ b/src/components/Group/Settings.tsx @@ -175,8 +175,8 @@ export const Settings = ({ open, setOpen, rawWallet }) => { { }, }} > - - {t('group:message.generic.manage_minting', { - postProcess: 'capitalizeAll', - })} - + + + + {t('group:message.generic.manage_minting', { + postProcess: 'capitalizeFirstChar', + })} + - setIsOpenMinting(false)} - aria-label={t('core:action.close', { - postProcess: 'capitalizeFirstChar', - })} - > - - + setIsOpenMinting(false)} + aria-label={t('core:action.close', { + postProcess: 'capitalizeFirstChar', + })} + > + + + + { )} - - - - Date: Tue, 27 May 2025 19:00:26 +0200 Subject: [PATCH 09/32] Import CSS --- src/components/Theme/ThemeManager.tsx | 1 + src/{components/Theme => styles}/themeManager.css | 0 2 files changed, 1 insertion(+) rename src/{components/Theme => styles}/themeManager.css (100%) diff --git a/src/components/Theme/ThemeManager.tsx b/src/components/Theme/ThemeManager.tsx index f596ccc..d5e3087 100644 --- a/src/components/Theme/ThemeManager.tsx +++ b/src/components/Theme/ThemeManager.tsx @@ -31,6 +31,7 @@ import FileDownloadIcon from '@mui/icons-material/FileDownload'; import { saveFileToDiskGeneric } from '../../utils/generateWallet/generateWallet'; import { handleImportClick } from '../../utils/fileReading'; import { useTranslation } from 'react-i18next'; +import '../../styles/themeManager.css'; const uid = new ShortUniqueId({ length: 8 }); diff --git a/src/components/Theme/themeManager.css b/src/styles/themeManager.css similarity index 100% rename from src/components/Theme/themeManager.css rename to src/styles/themeManager.css From c9f6f8328c02cf2214c97671043520238f91e14b Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Tue, 27 May 2025 22:47:21 +0200 Subject: [PATCH 10/32] Restore box for replied messages --- src/components/Chat/MessageItem.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx index 3151fc5..df6180c 100644 --- a/src/components/Chat/MessageItem.tsx +++ b/src/components/Chat/MessageItem.tsx @@ -340,6 +340,15 @@ export const MessageItem = memo( scrollToItem(replyIndex); }} > + + )} + Date: Tue, 27 May 2025 22:56:53 +0200 Subject: [PATCH 11/32] Update deprecated property --- src/components/Chat/MessageItem.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx index df6180c..4d2a653 100644 --- a/src/components/Chat/MessageItem.tsx +++ b/src/components/Chat/MessageItem.tsx @@ -465,11 +465,12 @@ export const MessageItem = memo( vertical: 'bottom', horizontal: 'center', }} - PaperProps={{ - // TODO: deprecated - style: { - backgroundColor: theme.palette.background.default, - color: theme.palette.text.primary, + slotProps={{ + paper: { + style: { + backgroundColor: theme.palette.background.default, + color: theme.palette.text.primary, + }, }, }} > @@ -595,6 +596,7 @@ export const MessageItem = memo( })} )} + Date: Tue, 27 May 2025 23:50:23 +0200 Subject: [PATCH 12/32] Revert backgroud palette --- src/components/Chat/ChatGroup.tsx | 3 +-- src/components/Group/Settings.tsx | 1 + src/styles/theme-dark.ts | 6 +++--- src/styles/theme-light.ts | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx index f0cfaae..612a7c8 100644 --- a/src/components/Chat/ChatGroup.tsx +++ b/src/components/Chat/ChatGroup.tsx @@ -58,7 +58,6 @@ const uidImages = new ShortUniqueId({ length: 12 }); export const ChatGroup = ({ selectedGroup, secretKey, - setSecretKey, getSecretKey, myAddress, handleNewEncryptionNotification, @@ -1185,7 +1184,7 @@ export const ChatGroup = ({ {(!!secretKey || isPrivate === false) && (
{ })} /> )} + {isEnabledDevMode && } diff --git a/src/styles/theme-dark.ts b/src/styles/theme-dark.ts index cfa5952..a519cd6 100644 --- a/src/styles/theme-dark.ts +++ b/src/styles/theme-dark.ts @@ -6,7 +6,7 @@ export const darkThemeOptions: ThemeOptions = { palette: { mode: 'dark', primary: { - main: 'rgba(0, 133, 255, 1)', + main: 'rgb(100, 155, 240)', dark: 'rgb(45, 92, 201)', light: 'rgb(130, 185, 255)', }, @@ -14,9 +14,9 @@ export const darkThemeOptions: ThemeOptions = { main: 'rgb(69, 173, 255)', }, background: { - default: 'rgba(6, 10, 30, 1)', + default: 'rgb(49, 51, 56)', + surface: 'rgb(58, 60, 65)', paper: 'rgb(62, 64, 68)', - surface: 'rgb(113, 113, 114)', }, text: { primary: 'rgb(255, 255, 255)', diff --git a/src/styles/theme-light.ts b/src/styles/theme-light.ts index 4f6a1b1..3cfbdae 100644 --- a/src/styles/theme-light.ts +++ b/src/styles/theme-light.ts @@ -15,8 +15,8 @@ export const lightThemeOptions: ThemeOptions = { }, background: { default: 'rgba(250, 250, 250, 1)', - paper: 'rgb(220, 220, 220)', // darker card background surface: 'rgb(240, 240, 240)', // optional middle gray for replies, side panels + paper: 'rgb(220, 220, 220)', // darker card background }, text: { primary: 'rgba(0, 0, 0, 0.87)', // 87% black (slightly softened) From 96e837fe55da809726ff3b6b38cb961076acef35 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Wed, 28 May 2025 20:21:47 +0200 Subject: [PATCH 13/32] Add catch error --- src/components/Group/AddGroup.tsx | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/src/components/Group/AddGroup.tsx b/src/components/Group/AddGroup.tsx index cc3e487..3e94755 100644 --- a/src/components/Group/AddGroup.tsx +++ b/src/components/Group/AddGroup.tsx @@ -40,6 +40,7 @@ import { subscribeToEvent, unsubscribeFromEvent } from '../../utils/events'; import { useTranslation } from 'react-i18next'; import { useSetAtom } from 'jotai'; import { txListAtom } from '../../atoms/global'; +import { ErrorRounded } from '@mui/icons-material'; export const Label = styled('label')` display: block; @@ -123,13 +124,17 @@ export const AddGroup = ({ address, open, setOpen }) => { const fee = await getFee('CREATE_GROUP'); - await show({ - message: t('core:message.question.perform_transaction', { - action: 'CREATE_GROUP', - postProcess: 'capitalizeFirstChar', - }), - publishFee: fee.fee + ' QORT', - }); + try { + await show({ + message: t('core:message.question.perform_transaction', { + action: 'CREATE_GROUP', + postProcess: 'capitalizeFirstChar', + }), + publishFee: fee.fee + ' QORT', + }); + } catch (error) { + console.log(error); + } await new Promise((res, rej) => { window From 735bb08081f491d7afe71a5d049ae8949e7ddde2 Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Wed, 28 May 2025 22:20:24 +0200 Subject: [PATCH 14/32] Adapt width to language --- src/components/Desktop/DesktopFooter.tsx | 3 +++ src/components/Desktop/DesktopLeftSideBar.tsx | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/Desktop/DesktopFooter.tsx b/src/components/Desktop/DesktopFooter.tsx index 3441cf6..23bd474 100644 --- a/src/components/Desktop/DesktopFooter.tsx +++ b/src/components/Desktop/DesktopFooter.tsx @@ -43,6 +43,9 @@ export const IconWrapper = ({ fontFamily: 'Inter', fontSize: '12px', fontWeight: 500, + whiteSpace: 'nowrap', + overflow: 'hidden', + textOverflow: 'ellipsis', }} > {label} diff --git a/src/components/Desktop/DesktopLeftSideBar.tsx b/src/components/Desktop/DesktopLeftSideBar.tsx index 75f4f76..99e570b 100644 --- a/src/components/Desktop/DesktopLeftSideBar.tsx +++ b/src/components/Desktop/DesktopLeftSideBar.tsx @@ -46,7 +46,7 @@ export const DesktopSideBar = ({ flexDirection: 'column', gap: '25px', height: '100vh', - width: '60px', + width: 'auto', // must adapt to the choosen language }} > Date: Wed, 28 May 2025 22:24:03 +0200 Subject: [PATCH 15/32] Refactor deprecated property --- src/components/Apps/AppsNavBarDesktop.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/Apps/AppsNavBarDesktop.tsx b/src/components/Apps/AppsNavBarDesktop.tsx index bf24a8d..2eeecc6 100644 --- a/src/components/Apps/AppsNavBarDesktop.tsx +++ b/src/components/Apps/AppsNavBarDesktop.tsx @@ -186,6 +186,7 @@ export const AppsNavBarDesktop = ({ disableBack }) => { > + { anchorEl={anchorEl} open={open} onClose={handleClose} - MenuListProps={{ - 'aria-labelledby': 'basic-button', - }} anchorOrigin={{ vertical: 'bottom', horizontal: 'center', @@ -281,6 +279,9 @@ export const AppsNavBarDesktop = ({ disableBack }) => { horizontal: 'center', }} slotProps={{ + list: { + 'aria-labelledby': 'basic-button', + }, paper: { sx: { backgroundColor: theme.palette.background.default, From 808a9de1e4e83aa3e9dbc11408de118af4bdeeab Mon Sep 17 00:00:00 2001 From: Nicola Benaglia Date: Wed, 28 May 2025 22:30:33 +0200 Subject: [PATCH 16/32] Add translation and refactor deprecated property --- src/components/Apps/AppsPrivate.tsx | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/src/components/Apps/AppsPrivate.tsx b/src/components/Apps/AppsPrivate.tsx index 355d868..3fe611b 100644 --- a/src/components/Apps/AppsPrivate.tsx +++ b/src/components/Apps/AppsPrivate.tsx @@ -281,7 +281,11 @@ export const AppsPrivate = ({ myName }) => { - Private + + {t('core:app_private', { + postProcess: 'capitalizeFirstChar', + })} + @@ -306,10 +310,12 @@ export const AppsPrivate = ({ myName }) => { }} maxWidth="md" fullWidth={true} - PaperProps={{ - style: { - backgroundColor: theme.palette.background.paper, - boxShadow: 'none', + slotProps={{ + paper: { + style: { + backgroundColor: theme.palette.background.paper, + boxShadow: 'none', + }, }, }} > @@ -354,6 +360,7 @@ export const AppsPrivate = ({ myName }) => { /> + {valueTabPrivateApp === 0 && ( <> @@ -369,6 +376,7 @@ export const AppsPrivate = ({ myName }) => { postProcess: 'capitalizeFirstChar', })} +