Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-07 17:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add translations

Browse Source
This commit is contained in:
Nicola Benaglia 2025-05-09 21:20:38 +02:00
parent d838fe483a
commit 7cd3d10d67
25 changed files with 229 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/locales/en/core.json
View File

@ -12,6 +12,7 @@
"continue": "continue",
"continue_logout": "continue to logout",
"decline": "decline",
"decrypt": "decrypt",
"edit": "edit",
"export": "export",
"import": "import",
@ -38,6 +39,7 @@
"payment": "payment fee",
"publish": "publish fee"
},
"general_settings": "general settings",
"page": {
"last": "last",
"first": "first",
@ -45,6 +47,7 @@
"previous": "previous"
},
"downloading_qdn": "downloading from QDN",
"invite_list": "invite list",
"last_height": "last height",
"loading": "loading...",
"loading_posts": "loading posts... please wait.",

11
public/locales/en/group.json
View File

@ -1,7 +1,12 @@
{
"action": {
"cancel_ban": "cancel ban",
"copy_private_key": "copy private key",
"create_group": "create group",
"disable_push_notifications": "disable all push notifications",
"enable_dev_mode": "enable dev mode",
"export_password": "export password",
"export_private_key": "export private key",
"find_group": "find group",
"join_group": "join group",
"invite_member": "invite member",
@ -35,16 +40,20 @@
},
"message": {
"generic": {
"descrypt_wallet": "decrypting wallet...",
"encryption_key": "the group's first common encryption key is in the process of creation. Please wait a few minutes for it to be retrieved by the network. Checking every 2 minutes...",
"group_invited_you": "{{group}} has invited you",
"no_display": "nothing to display",
"no_selection": "no group selected",
"not_part_group": "you are not part of the encrypted group of members. Wait until an admin re-encrypts the keys.",
"only_encrypted": "only unencrypted messages will be displayed.",
"private_key_copied": "private key copied",
"secure_place": "keep your private key in a secure place. Do not share!",
"setting_group": "setting up group... please wait."
},
"error": {
"access_name": "cannot send a message without a access to your name",
"descrypt_wallet": "error decrypting wallet {{ :errorMessage }}",
"description_required": "please provide a description",
"group_info": "cannot access group information",
"name_required": "please provide a name",
@ -55,7 +64,7 @@
"group_creation_name": "created group {{group_name}}: awaiting confirmation",
"group_creation_label": "created group {{name}}: success!",
"group_invite": "successfully invited {{value}}. It may take a couple of minutes for the changes to propagate",
"join_creation": "successfully requested to join group. It may take a couple of minutes for the changes to propagate",
"group_join": "successfully requested to join group. It may take a couple of minutes for the changes to propagate",
"group_join_name": "joined group {{group_name}}: awaiting confirmation",
"group_join_label": "joined group {{name}}: success!",
"loading_threads": "loading threads... please wait.",

8
public/locales/it/group.json
View File

@ -2,6 +2,8 @@
"action": {
"cancel_ban": "annulla ban",
"create_group": "crea gruppo",
"disable_push_notifications": "disabilita tutte le notifiche push",
"enable_dev_mode": "enable dev mode",
"find_group": "trova gruppo",
"join_group": "unisciti al gruppo",
"invite_member": "invita membro",
@ -35,6 +37,7 @@
},
"message": {
"generic": {
"descrypt_wallet": "decriptazione del wallet...",
"encryption_key": "la prima chiave di cifratura comune del gruppo è in fase di creazione. Attendere alcuni minuti affinché venga recuperata dalla rete. Controllo ogni 2 minuti...",
"group_invited_you": "{{group}} ti ha invitato",
"no_display": "niente da visualizzare",
@ -45,6 +48,7 @@
},
"error": {
"access_name": "impossibile inviare un messaggio senza accesso al tuo nome",
"descrypt_wallet": "errore di decriptazione del wallet {{: errorMessage }}",
"description_required": "per favore fornisci una descrizione",
"group_info": "impossibile accedere alle informazioni del gruppo",
"name_required": "per favore fornisci un nome",
@ -55,11 +59,11 @@
"group_creation_name": "gruppo {{group_name}} creato: in attesa di conferma",
"group_creation_label": "gruppo {{name}} creato: successo!",
"group_invite": "invito inviato con successo a {{value}}. Potrebbero volerci alcuni minuti affinché le modifiche si propaghino",
"join_creation": "richiesta di adesione al gruppo inviata con successo. Potrebbero volerci alcuni minuti affinché le modifiche si propaghino",
"group_join": "richiesta di adesione al gruppo inviata con successo. Potrebbero volerci alcuni minuti affinché le modifiche si propaghino",
"group_join_name": "entrato nel gruppo {{group_name}}: in attesa di conferma",
"group_join_label": "entrato nel gruppo {{name}}: successo!",
"loading_threads": "caricamento thread... attendere prego.",
"unbanned_user": "utente sbannato con successo. Potrebbero volerci alcuni minuti affinché le modifiche si propaghino"
"unbanned_user": "utente riammesso con successo. Potrebbero volerci alcuni minuti affinché le modifiche si propaghino"
}
}
}

2
src/common/CustomLoader.tsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import './customloader.css';
import { Box, useTheme } from '@mui/material';
export const CustomLoader = () => {
const theme = useTheme();
return (

5
src/common/CustomSvg.tsx
View File

@ -1,5 +1,3 @@
import React from 'react';
export const CustomSvg = ({ src, color = 'black', size = 24 }) => {
return (
<svg
@ -13,5 +11,4 @@ export const CustomSvg = ({ src, color = 'black', size = 24 }) => {
{src}
</svg>
);
};
};

1
src/common/customloader.css
View File

@ -36,6 +36,7 @@
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);

2
src/common/useFetchResources.tsx
View File

@ -1,4 +1,4 @@
import React, { useCallback, useRef } from 'react';
import { useCallback } from 'react';
import { resourceDownloadControllerAtom } from '../atoms/global';
import { getBaseApiReact } from '../App';
import { useSetAtom } from 'jotai';

12
src/components/Group/ListOfBans.tsx
View File

@ -165,13 +165,13 @@ export const ListOfBans = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
>
<Box
sx={{
width: '325px',
height: '250px',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: '10px',
height: '250px',
padding: '10px',
width: '325px',
}}
>
<LoadingButton
@ -214,12 +214,12 @@ export const ListOfBans = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
<p>{t('group:ban_list', { postProcess: 'capitalize' })}</p>
<div
style={{
position: 'relative',
height: '500px',
width: '100%',
display: 'flex',
flexDirection: 'column',
flexShrink: 1,
height: '500px',
position: 'relative',
width: '100%',
}}
>
<AutoSizer>

24
src/components/Group/ListOfGroupPromotions.tsx
View File

@ -331,6 +331,7 @@ export const ListOfGroupPromotions = () => {
});
setIsLoadingJoinGroup(false);
} catch (error) {
console.log(error);
} finally {
setIsLoadingJoinGroup(false);
}
@ -339,30 +340,30 @@ export const ListOfGroupPromotions = () => {
return (
<Box
sx={{
width: '100%',
display: 'flex',
marginTop: '20px',
flexDirection: 'column',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
marginTop: '20px',
width: '100%',
}}
>
<Box
sx={{
display: 'flex',
gap: '20px',
width: '100%',
justifyContent: 'space-between',
width: '100%',
}}
>
<ButtonBase
sx={{
alignSelf: isExpanded && 'flex-start',
display: 'flex',
flexDirection: 'row',
padding: `0px ${isExpanded ? '24px' : '20px'}`,
gap: '10px',
justifyContent: 'flex-start',
alignSelf: isExpanded && 'flex-start',
padding: `0px ${isExpanded ? '24px' : '20px'}`,
}}
onClick={() => setIsExpanded((prev) => !prev)}
>
@ -374,6 +375,7 @@ export const ListOfGroupPromotions = () => {
Group promotions{' '}
{promotions.length > 0 && ` (${promotions.length})`}
</Typography>
{isExpanded ? (
<ExpandLessIcon
sx={{
@ -400,19 +402,19 @@ export const ListOfGroupPromotions = () => {
<>
<Box
sx={{
width: '750px',
maxWidth: '90%',
display: 'flex',
flexDirection: 'column',
maxWidth: '90%',
padding: '0px 20px',
width: '750px',
}}
>
<Box
sx={{
width: '100%',
alignItems: 'center',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
width: '100%',
}}
>
<Typography

14
src/components/Group/ListOfInvites.tsx
View File

@ -133,6 +133,7 @@ export const ListOfInvites = ({
});
});
} catch (error) {
console.log(error);
} finally {
setIsLoadingCancelInvite(false);
}
@ -168,13 +169,13 @@ export const ListOfInvites = ({
>
<Box
sx={{
width: '325px',
height: '250px',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: '10px',
height: '250px',
padding: '10px',
width: '325px',
}}
>
<LoadingButton
@ -187,6 +188,7 @@ export const ListOfInvites = ({
</LoadingButton>
</Box>
</Popover>
<ListItemButton
onClick={(event) => handlePopoverOpen(event, index)}
>
@ -214,12 +216,12 @@ export const ListOfInvites = ({
<p>Invitees list</p>
<div
style={{
position: 'relative',
height: '500px',
width: '100%',
display: 'flex',
flexDirection: 'column',
flexShrink: 1,
height: '500px',
position: 'relative',
width: '100%',
}}
>
<AutoSizer>

11
src/components/Group/ListOfThreadPostsWatched.tsx
View File

@ -42,10 +42,11 @@ export const ListOfThreadPostsWatched = () => {
rej(response.error);
})
.catch((error) => {
rej(error.message || 'An error occurred'); // TODO translate
rej(error.message || 'An error occurred');
});
});
} catch (error) {
console.log(error);
} finally {
setLoading(false);
}
@ -58,21 +59,21 @@ export const ListOfThreadPostsWatched = () => {
return (
<Box
sx={{
width: '100%',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
width: '100%',
}}
>
<Box
sx={{
width: '322px',
display: 'flex',
flexDirection: 'column',
padding: '0px 20px',
width: '322px',
}}
>
<Typography
<Typography // TODO translate
sx={{
fontSize: '13px',
fontWeight: 600,

5
src/components/Group/ManageMembers.tsx
View File

@ -73,7 +73,7 @@ export const ManageMembers = ({
const handleLeaveGroup = async () => {
try {
setIsLoadingLeave(true);
const fee = await getFee('LEAVE_GROUP');
const fee = await getFee('LEAVE_GROUP'); // TODO translate
await show({
message: 'Would you like to perform an LEAVE_GROUP transaction?',
publishFee: fee.fee + ' QORT',
@ -109,7 +109,7 @@ export const ManageMembers = ({
rej(response.error);
})
.catch((error) => {
rej(error.message || 'An error occurred'); // TODO translate
rej(error.message || 'An error occurred');
});
});
} catch (error) {
@ -139,6 +139,7 @@ export const ManageMembers = ({
console.log(error);
}
};
const getGroupInfo = async (groupId) => {
try {
const response = await fetch(`${getBaseApiReact()}/groups/${groupId}`);

13
src/components/Group/QMailMessages.tsx
View File

@ -11,7 +11,6 @@ import MailIcon from '@mui/icons-material/Mail';
import MailOutlineIcon from '@mui/icons-material/MailOutline';
import { executeEvent } from '../../utils/events';
import { CustomLoader } from '../../common/CustomLoader';
import { mailsAtom, qMailLastEnteredTimestampAtom } from '../../atoms/global';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ExpandLessIcon from '@mui/icons-material/ExpandLess';
@ -89,7 +88,7 @@ export const QMailMessages = ({ userName, userAddress }) => {
rej(response.error);
})
.catch((error) => {
rej(error.message || 'An error occurred'); // TODO translate
rej(error.message || 'An error occurred');
});
});
} catch (error) {
@ -129,24 +128,24 @@ export const QMailMessages = ({ userName, userAddress }) => {
return (
<Box
sx={{
width: '100%',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
width: '100%',
}}
>
<ButtonBase
sx={{
width: '322px',
display: 'flex',
flexDirection: 'row',
gap: '10px',
padding: '0px 20px',
justifyContent: 'flex-start',
padding: '0px 20px',
width: '322px',
}}
onClick={() => setIsExpanded((prev) => !prev)}
>
<Typography
<Typography // TODO translate
sx={{
fontSize: '1rem',
}}

79
src/components/Group/Settings.tsx
View File

@ -20,7 +20,6 @@ import ContentCopyIcon from '@mui/icons-material/ContentCopy';
import {
Box,
Button,
ButtonBase,
DialogActions,
DialogContent,
DialogContentText,
@ -32,7 +31,6 @@ import {
useTheme,
} from '@mui/material';
import { enabledDevModeAtom } from '../../atoms/global';
import ThemeManager from '../Theme/ThemeManager';
import { useAtom } from 'jotai';
import { decryptStoredWallet } from '../../utils/decryptWallet';
@ -41,6 +39,7 @@ import PhraseWallet from '../../utils/generateWallet/phrase-wallet';
import { walletVersion } from '../../background';
import Base58 from '../../deps/Base58';
import { MyContext } from '../../App';
import { useTranslation } from 'react-i18next';
const LocalNodeSwitch = styled(Switch)(({ theme }) => ({
padding: 8,
@ -87,8 +86,8 @@ const Transition = forwardRef(function Transition(
export const Settings = ({ open, setOpen, rawWallet }) => {
const [checked, setChecked] = useState(false);
const [isEnabledDevMode, setIsEnabledDevMode] = useAtom(enabledDevModeAtom);
const theme = useTheme();
const { t } = useTranslation(['core', 'group']);
const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
setChecked(event.target.checked);
@ -103,7 +102,7 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
if (response?.error) {
console.error('Error adding user settings:', response.error);
} else {
console.log('User settings added successfully'); // TODO translate
console.log('User settings added successfully');
}
})
.catch((error) => {
@ -157,7 +156,9 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
<AppBar sx={{ position: 'relative' }}>
<Toolbar>
<Typography sx={{ ml: 2, flex: 1 }} variant="h4" component="div">
General Settings
{t('core:general_settings', {
postProcess: 'capitalize',
})}
</Typography>
<IconButton
@ -173,13 +174,13 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
<Box
sx={{
flexGrow: 1,
overflowY: 'auto',
color: theme.palette.text.primary,
padding: '20px',
flexDirection: 'column',
display: 'flex',
flexDirection: 'column',
flexGrow: 1,
gap: '20px',
overflowY: 'auto',
padding: '20px',
}}
>
<FormControlLabel
@ -189,7 +190,9 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
control={
<LocalNodeSwitch checked={checked} onChange={handleChange} />
}
label="Disable all push notifications"
label={t('group:action.disable_push_notifications', {
postProcess: 'capitalize',
})}
/>
{window?.electronAPI && (
<FormControlLabel
@ -205,7 +208,9 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
}}
/>
}
label="Enable dev mode"
label={t('group:action.enable_dev_mode', {
postProcess: 'capitalize',
})}
/>
)}
{isEnabledDevMode && <ExportPrivateKey rawWallet={rawWallet} />}
@ -222,11 +227,15 @@ const ExportPrivateKey = ({ rawWallet }) => {
const [isOpen, setIsOpen] = useState(false);
const [isLoading, setIsLoading] = useState(false);
const { setOpenSnackGlobal, setInfoSnackCustom } = useContext(MyContext);
const { t } = useTranslation(['core', 'group']);
const exportPrivateKeyFunc = async () => {
try {
setInfoSnackCustom({
type: 'info',
message: 'Decrypting wallet...',
message: t('group:message.generic.descrypt_wallet', {
postProcess: 'capitalize',
}),
});
setOpenSnackGlobal(true);
@ -247,13 +256,19 @@ const ExportPrivateKey = ({ rawWallet }) => {
setInfoSnackCustom({
type: 'error',
message: error?.message
? `Error decrypting wallet: ${error?.message}`
: 'Error decrypting wallet',
? t('group:message.error.decrypt_wallet', {
errorMessage: error?.message,
postProcess: 'capitalize',
})
: t('group:message.error.descrypt_wallet', {
postProcess: 'capitalize',
}),
});
setOpenSnackGlobal(true);
}
};
return (
<>
<Button
@ -263,14 +278,22 @@ const ExportPrivateKey = ({ rawWallet }) => {
}}
onClick={() => setIsOpen(true)}
>
Export private key
{t('group:action.export_private_key', {
postProcess: 'capitalize',
})}
</Button>
<Dialog
open={isOpen}
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">Export password</DialogTitle>
<DialogTitle id="alert-dialog-title">
{t('group:action.export_password', {
postProcess: 'capitalize',
})}
</DialogTitle>
<DialogContent
sx={{
flexDirection: 'column',
@ -279,9 +302,13 @@ const ExportPrivateKey = ({ rawWallet }) => {
}}
>
<DialogContentText id="alert-dialog-description">
Keep your private key in a secure place. Do not share!
{t('group:message.generic.secure_place', {
postProcess: 'capitalize',
})}
</DialogContentText>
<Spacer height="20px" />
<TextField
autoFocus
type="password"
@ -296,17 +323,22 @@ const ExportPrivateKey = ({ rawWallet }) => {
navigator.clipboard.writeText(privateKey);
setInfoSnackCustom({
type: 'success',
message: 'Copied privated key',
message: t('group:message.generic.private_key_copied', {
postProcess: 'capitalize',
}),
});
setOpenSnackGlobal(true);
}}
>
{`Copy private key `}
{t('group:action.copy_private_key', {
postProcess: 'capitalize',
})}{' '}
<ContentCopyIcon color="primary" />
</Button>
)}
</DialogContent>
<DialogActions>
<Button
variant="contained"
@ -316,10 +348,15 @@ const ExportPrivateKey = ({ rawWallet }) => {
setPrivateKey('');
}}
>
Cancel
{t('group:action.cancel', {
postProcess: 'capitalize',
})}
</Button>
<Button variant="contained" onClick={exportPrivateKeyFunc}>
Decrypt
{t('group:action.decrypt', {
postProcess: 'capitalize',
})}
</Button>
</DialogActions>
</Dialog>

8
src/components/Group/ThingsToDoInitial.tsx
View File

@ -55,18 +55,18 @@ export const ThingsToDoInitial = ({
return (
<Box
sx={{
width: '100%',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
width: '100%',
}}
>
<Box
sx={{
width: '322px',
display: 'flex',
flexDirection: 'column',
padding: '0px 20px',
width: '322px',
}}
>
<Typography
@ -125,6 +125,7 @@ export const ThingsToDoInitial = ({
postProcess: 'capitalize',
})}
/>
<ListItemIcon
sx={{
justifyContent: 'flex-end',
@ -144,6 +145,7 @@ export const ThingsToDoInitial = ({
</ListItemIcon>
</ListItemButton>
</ListItem>
<ListItem
sx={{
marginBottom: '20px',

51
src/components/Group/UserListOfInvites.tsx
View File

@ -22,6 +22,7 @@ import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmail
import { Spacer } from '../../common/Spacer';
import { useSetAtom } from 'jotai';
import { txListAtom } from '../../atoms/global';
import { useTranslation } from 'react-i18next';
const cache = new CellMeasurerCache({
fixedWidth: true,
@ -60,6 +61,7 @@ export const UserListOfInvites = ({
const [invites, setInvites] = useState<any[]>([]);
const [isLoading, setIsLoading] = useState(false);
const theme = useTheme();
const { t } = useTranslation(['core', 'group']);
const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
const listRef = useRef();
@ -94,9 +96,12 @@ export const UserListOfInvites = ({
const handleJoinGroup = async (groupId, groupName) => {
try {
const fee = await getFee('JOIN_GROUP'); // TODO translate
const fee = await getFee('JOIN_GROUP');
await show({
message: 'Would you like to perform an JOIN_GROUP transaction?',
message: t('group:question.join_group', {
postProcess: 'capitalize',
}),
publishFee: fee.fee + ' QORT',
});
@ -123,8 +128,9 @@ export const UserListOfInvites = ({
res(response);
setInfoSnack({
type: 'success',
message:
'Successfully requested to join group. It may take a couple of minutes for the changes to propagate',
message: t('group:message.success.group_join', {
postProcess: 'capitalize',
}),
});
setOpenSnack(true);
handlePopoverClose();
@ -140,13 +146,16 @@ export const UserListOfInvites = ({
.catch((error) => {
setInfoSnack({
type: 'error',
message: error.message || 'An error occurred',
message:
error.message ||
t('core:message.error.generic', { postProcess: 'capitalize' }),
});
setOpenSnack(true);
rej(error);
});
});
} catch (error) {
console.log(error);
} finally {
setIsLoading(false);
}
@ -182,16 +191,22 @@ export const UserListOfInvites = ({
>
<Box
sx={{
width: '325px',
height: '250px',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: '10px',
height: '250px',
padding: '10px',
width: '325px',
}}
>
<Typography>Join {invite?.groupName}</Typography>
<Typography>
{t('core:action.join', {
postProcess: 'capitalize',
})}{' '}
{invite?.groupName}
</Typography>
<LoadingButton
loading={isLoading}
loadingPosition="start"
@ -200,10 +215,13 @@ export const UserListOfInvites = ({
handleJoinGroup(invite?.groupId, invite?.groupName)
}
>
Join group
{t('group:action.join_group', {
postProcess: 'capitalize',
})}
</LoadingButton>
</Box>
</Popover>
<ListItemButton
onClick={(event) => handlePopoverOpen(event, index)}
>
@ -221,7 +239,9 @@ export const UserListOfInvites = ({
}}
/>
)}
<Spacer width="15px" />
<ListItemText
primary={invite?.groupName}
secondary={invite?.description}
@ -242,14 +262,19 @@ export const UserListOfInvites = ({
flexGrow: 1,
}}
>
<p>Invite list</p>
<p>
{t('core:invite_list', {
postProcess: 'capitalize',
})}
</p>
<div
style={{
position: 'relative',
width: '100%',
display: 'flex',
flexDirection: 'column',
flexGrow: 1,
position: 'relative',
width: '100%',
}}
>
<AutoSizer>

21
src/components/Group/WalletsAppWrapper.tsx
View File

@ -19,7 +19,6 @@ export const WalletsAppWrapper = () => {
const [navigationController, setNavigationController] = useAtom(
navigationControllerAtom
);
const [selectedTab, setSelectedTab] = useState({
tabId: '5558589',
name: 'Q-Wallets',
@ -60,17 +59,17 @@ export const WalletsAppWrapper = () => {
{isOpen && (
<Box
sx={{
position: 'fixed',
height: '100vh',
width: '100vw',
backgroundColor: theme.palette.background.paper, // TODO: set color theme
zIndex: 100,
bottom: 0,
right: 0,
overflow: 'hidden',
backgroundColor: theme.palette.background.paper,
borderTopLeftRadius: '10px',
borderTopRightRadius: '10px',
bottom: 0,
boxShadow: 4,
height: '100vh',
overflow: 'hidden',
position: 'fixed',
right: 0,
width: '100vw',
zIndex: 100,
}}
>
<Box
@ -85,11 +84,11 @@ export const WalletsAppWrapper = () => {
display: 'flex',
alignItems: 'center',
padding: '5px',
justifyContent: 'space-between',
}}
>
<Typography>Q-Wallets</Typography>
<ButtonBase onClick={handleClose}>
<CloseIcon
sx={{
@ -108,6 +107,7 @@ export const WalletsAppWrapper = () => {
ref={iframeRef}
skipAuth={true}
/>
<AppsNavBarParent>
<AppsNavBarLeft
sx={{
@ -126,6 +126,7 @@ export const WalletsAppWrapper = () => {
>
<NavBack />
</ButtonBase>
<ButtonBase
onClick={() => {
if (selectedTab?.refreshFunc) {

1
src/components/Group/useBlockUsers.tsx
View File

@ -164,6 +164,7 @@ export const useBlockedAddresses = () => {
});
});
}
if (address) {
await new Promise((res, rej) => {
window

2
src/components/GroupAvatar.tsx
View File

@ -1,4 +1,4 @@
import React, { useCallback, useContext, useEffect, useState } from 'react';
import { useCallback, useContext, useEffect, useState } from 'react';
import Logo2 from '../assets/svgs/Logo2.svg';
import { MyContext, getArbitraryEndpointReact, getBaseApiReact } from '../App';
import {

17
src/components/Loader.tsx
View File

@ -1,9 +1,9 @@
import React from 'react'
import { Box, CircularProgress } from "@mui/material";
import { Box, CircularProgress } from '@mui/material';
export const Loader = () => {
return (
<Box sx={{
<Box
sx={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
@ -11,13 +11,14 @@ export const Loader = () => {
height: '100%',
position: 'fixed',
top: '0px',
left:'0px',
left: '0px',
right: '0px',
bottom: '0px',
zIndex: 10,
background: 'rgba(0, 0, 0, 0.4)'
}}>
background: 'rgba(0, 0, 0, 0.4)',
}}
>
<CircularProgress color="success" size={25} />
</Box>
)
}
);
};

2
src/components/MainAvatar.tsx
View File

@ -1,4 +1,4 @@
import React, { useContext, useEffect, useState } from 'react';
import { useContext, useEffect, useState } from 'react';
import Logo2 from '../assets/svgs/Logo2.svg';
import { MyContext, getArbitraryEndpointReact, getBaseApiReact } from '../App';
import {

34
src/components/RegisterName.tsx
View File

@ -1,33 +1,22 @@
import React, { useCallback, useContext, useEffect, useState } from 'react';
import { useCallback, useEffect, useState } from 'react';
import {
Avatar,
Box,
Button,
ButtonBase,
Collapse,
Dialog,
DialogActions,
DialogContent,
DialogContentText,
DialogTitle,
Input,
ListItem,
ListItemAvatar,
ListItemButton,
ListItemIcon,
ListItemText,
List,
MenuItem,
Popover,
Select,
TextField,
Typography,
useTheme,
} from '@mui/material';
import { Label } from './Group/AddGroup';
import { Spacer } from '../common/Spacer';
import { LoadingButton } from '@mui/lab';
import { getBaseApiReact, MyContext } from '../App';
import { getBaseApiReact } from '../App';
import { getFee } from '../background';
import RadioButtonCheckedIcon from '@mui/icons-material/RadioButtonChecked';
import { subscribeToEvent, unsubscribeFromEvent } from '../utils/events';
@ -43,6 +32,7 @@ enum Availability {
AVAILABLE = 'available',
NOT_AVAILABLE = 'not-available',
}
export const RegisterName = ({
setOpenSnack,
setInfoSnack,
@ -77,7 +67,6 @@ export const RegisterName = ({
}
} catch (error) {
console.error(error);
} finally {
}
};
// Debounce logic
@ -195,21 +184,22 @@ export const RegisterName = ({
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">{'Register name'}</DialogTitle>
<DialogContent>
<Box
sx={{
width: '400px',
maxWidth: '90vw',
height: '500px',
maxHeight: '90vh',
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
gap: '10px',
height: '500px',
maxHeight: '90vh',
maxWidth: '90vw',
padding: '10px',
width: '400px',
}}
>
<Label>Choose a name</Label>
<Label>Choose a name</Label> // TODO: translate
<TextField
autoComplete="off"
autoFocus
@ -237,6 +227,7 @@ export const RegisterName = ({
requires a {nameFee} QORT fee
</Typography>
</Box>
<Spacer height="10px" />
</>
)}
@ -307,6 +298,7 @@ export const RegisterName = ({
</ListItemIcon>
<ListItemText primary="Publish data to Qortal: anything from apps to videos. Fully decentralized!" />
</ListItem>
<ListItem disablePadding>
<ListItemIcon>
<RadioButtonCheckedIcon
@ -320,6 +312,7 @@ export const RegisterName = ({
</List>
</Box>
</DialogContent>
<DialogActions>
<Button
disabled={isLoadingRegisterName}
@ -331,6 +324,7 @@ export const RegisterName = ({
>
Close
</Button>
<Button
disabled={
!registerNameValue.trim() ||

2
src/styles/theme-common.ts
View File

@ -56,6 +56,7 @@ const commonThemeOptions = {
xl: 1536,
},
},
components: {
MuiButton: {
styleOverrides: {
@ -72,6 +73,7 @@ const commonThemeOptions = {
disableRipple: true,
},
},
MuiModal: {
styleOverrides: {
root: {

7
src/styles/theme-dark.ts
View File

@ -48,6 +48,7 @@ export const darkThemeOptions: ThemeOptions = {
},
},
},
MuiCssBaseline: {
styleOverrides: (theme) => ({
':root': {
@ -61,13 +62,16 @@ export const darkThemeOptions: ThemeOptions = {
'--background-paper': theme.palette.background.paper,
'--background-surface': theme.palette.background.surface,
},
'*, *::before, *::after': {
boxSizing: 'border-box',
},
html: {
padding: 0,
margin: 0,
},
body: {
padding: 0,
margin: 0,
@ -100,6 +104,7 @@ export const darkThemeOptions: ThemeOptions = {
},
}),
},
MuiIcon: {
defaultProps: {
style: {
@ -108,6 +113,7 @@ export const darkThemeOptions: ThemeOptions = {
},
},
},
MuiDialog: {
styleOverrides: {
paper: {
@ -115,6 +121,7 @@ export const darkThemeOptions: ThemeOptions = {
},
},
},
MuiPopover: {
styleOverrides: {
paper: {

4
src/styles/theme-light.ts
View File

@ -32,6 +32,7 @@ export const lightThemeOptions: ThemeOptions = {
unread: 'rgb(66, 151, 226)',
},
},
components: {
MuiCard: {
styleOverrides: {
@ -48,6 +49,7 @@ export const lightThemeOptions: ThemeOptions = {
},
},
},
MuiCssBaseline: {
styleOverrides: (theme) => ({
':root': {
@ -113,6 +115,7 @@ export const lightThemeOptions: ThemeOptions = {
},
},
},
MuiDialog: {
styleOverrides: {
paper: {
@ -120,6 +123,7 @@ export const lightThemeOptions: ThemeOptions = {
},
},
},
MuiPopover: {
styleOverrides: {
paper: {