Add style to button

This commit is contained in:
Nicola Benaglia 2025-05-25 01:38:08 +02:00
parent 56b09c4294
commit 83219cec26
22 changed files with 155 additions and 21 deletions

View File

@ -1512,6 +1512,7 @@ function App() {
)}
<Spacer height="35px" />
{userInfo && !userInfo?.name && (
<TextP
sx={{
@ -3337,7 +3338,15 @@ function App() {
zIndex: 10001,
}}
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{message.paymentFee
? t('core:payment', {
postProcess: 'capitalizeFirstChar',
@ -3426,6 +3435,9 @@ function App() {
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('tutorial:important_info', {

View File

@ -17,6 +17,7 @@ import {
DialogContent,
DialogTitle,
Input,
useTheme,
} from '@mui/material';
import { Add } from '@mui/icons-material';
import { QORTAL_APP_CONTEXT, getBaseApiReact } from '../../App';
@ -41,6 +42,7 @@ export const AppsDevModeHome = ({
const [domain, setDomain] = useState('127.0.0.1');
const [port, setPort] = useState('');
const [selectedPreviewFile, setSelectedPreviewFile] = useState(null);
const theme = useTheme();
const { t } = useTranslation([
'auth',
'core',
@ -470,7 +472,15 @@ export const AppsDevModeHome = ({
}
}}
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('core:action.add_custom_framework', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -56,7 +56,15 @@ export const BuyQortInformation = ({ balance }) => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('core:action.get_qort', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -177,7 +177,14 @@ export const BlockedUsersModal = () => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle>
<DialogTitle
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('auth:blocked_users', { postProcess: 'capitalizeFirstChar' })}
</DialogTitle>
<DialogContent
@ -371,7 +378,15 @@ export const BlockedUsersModal = () => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('auth:message.generic.decide_block', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -864,7 +864,15 @@ export const ListOfGroupPromotions = () => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('group:action.promote_group', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -308,7 +308,15 @@ const ExportPrivateKey = ({ rawWallet }) => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('group:action.export_password', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -573,9 +573,17 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => {
},
}}
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('group:message.generic.manage_minting', {
postProcess: 'capitalizeFirstChar',
postProcess: 'capitalizeAll',
})}
</DialogTitle>
@ -863,7 +871,15 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => {
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1, // TODO translate
}}
>
{isShowNext ? 'Confirmed' : 'Please Wait'}
</DialogTitle>

View File

@ -771,7 +771,15 @@ export const NotAuthenticated = ({
aria-describedby="alert-dialog-description"
fullWidth
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('auth:node.custom_many', { postProcess: 'capitalizeFirstChar' })}
:
</DialogTitle>
@ -1048,7 +1056,15 @@ export const NotAuthenticated = ({
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('auth:apikey.enter', { postProcess: 'capitalizeFirstChar' })}
</DialogTitle>
<DialogContent>

View File

@ -215,7 +215,15 @@ export const RegisterName = ({
aria-labelledby="alert-dialog-title"
aria-describedby="alert-dialog-description"
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('core:action.register_name', {
postProcess: 'capitalizeAll',
})}
@ -266,6 +274,7 @@ export const RegisterName = ({
color: theme.palette.text.primary,
}}
/>
<Typography>
{t('core:message.generic.name_registration', {
balance: balance ?? 0,

View File

@ -12,10 +12,15 @@ import {
} from '@mui/material/styles';
import { lightThemeOptions } from '../../styles/theme-light';
import { darkThemeOptions } from '../../styles/theme-dark';
import { useTranslation } from 'react-i18next';
const { t } = useTranslation(['auth', 'core', 'group', 'question', 'tutorial']);
const defaultTheme = {
id: 'default',
name: 'Default Theme',
name: t('core:theme.default', {
postProcess: 'capitalizeFirstChar',
}),
light: lightThemeOptions.palette,
dark: darkThemeOptions.palette,
};

View File

@ -15,6 +15,7 @@ import {
Tabs,
Tab,
ListItemButton,
useTheme,
} from '@mui/material';
import { Sketch } from '@uiw/react-color';
import DeleteIcon from '@mui/icons-material/Delete';
@ -71,6 +72,7 @@ const validateTheme = (theme) => {
};
export default function ThemeManager() {
const theme = useTheme();
const { userThemes, addUserTheme, setUserTheme, currentThemeId } =
useThemeContext();
const [openEditor, setOpenEditor] = useState(false);
@ -295,7 +297,14 @@ export default function ThemeManager() {
fullWidth
maxWidth="md"
>
<DialogTitle>
<DialogTitle
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{themeDraft.id
? t('core:action.edit_theme', {
postProcess: 'capitalizeFirstChar',

View File

@ -353,7 +353,15 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
}
}}
>
<DialogTitle id="alert-dialog-title">
<DialogTitle
id="alert-dialog-title"
sx={{
textAlign: 'center',
color: theme.palette.text.primary,
fontWeight: 'bold',
opacity: 1,
}}
>
{t('auth:message.generic.type_seed', {
postProcess: 'capitalizeFirstChar',
})}

View File

@ -351,6 +351,7 @@
"theme": {
"dark": "dunkel",
"dark_mode": "Dunkler Modus",
"default": "default theme",
"light": "Licht",
"light_mode": "Lichtmodus",
"manager": "Themenmanager",
@ -384,4 +385,4 @@
},
"website": "Webseite",
"welcome": "Willkommen"
}
}

View File

@ -356,6 +356,7 @@
"theme": {
"dark": "dark",
"dark_mode": "dark mode",
"default": "default theme",
"light": "light",
"light_mode": "light mode",
"manager": "theme Manager",

View File

@ -78,6 +78,7 @@
"choose_block": "Elija 'Bloquear TXS' o 'Todo' para bloquear los mensajes de chat",
"congrats_setup": "Felicidades, ¡estás listo!",
"decide_block": "Decide qué bloquear",
"downloading_encryption_keys": "downloading encryption keys",
"name_address": "nombre o dirección",
"no_account": "No hay cuentas guardadas",
"no_minimum_length": "No hay requisito de longitud mínima",
@ -85,7 +86,7 @@
"fetching_admin_secret_key": "Llave secreta de los administradores de administradores",
"fetching_group_secret_key": "Obtener publicaciones de Key Secret Group Secret",
"last_encryption_date": "last encryption date: {{ date }} by {{ name }}",
"locating_encryption_keys": "locating encryption keys",,"downloading_encryption_keys": "downloading encryption keys",
"locating_encryption_keys": "locating encryption keys",
"keep_secure": "Mantenga su archivo de cuenta seguro",
"publishing_key": "Recordatorio: después de publicar la llave, tardará un par de minutos en aparecer. Por favor, solo espera.",
"seedphrase_notice": "a <seed>SEEDPHRASE</seed> has been randomly generated in the background.",

View File

@ -353,8 +353,9 @@
"theme": {
"dark": "oscuro",
"dark_mode": "modo oscuro",
"default": "tema predeterminado",
"light": "luz",
"light_mode": "modo de luz",
"light_mode": "modo claro",
"manager": "gerente de tema",
"name": "nombre del tema"
},

View File

@ -78,6 +78,7 @@
"choose_block": "Choisissez «Bloquer TXS» ou «All» pour bloquer les messages de chat",
"congrats_setup": "Félicitations, vous êtes tous mis en place!",
"decide_block": "décider quoi bloquer",
"downloading_encryption_keys": "downloading encryption keys",
"name_address": "nom ou adresse",
"no_account": "Aucun compte enregistré",
"no_minimum_length": "il n'y a pas de durée minimale",
@ -85,7 +86,7 @@
"fetching_admin_secret_key": "Recherche la clé secrète des administrateurs",
"fetching_group_secret_key": "Recherche de clés secrètes de groupe",
"last_encryption_date": "last encryption date: {{ date }} by {{ name }}",
"locating_encryption_keys": "locating encryption keys",,"downloading_encryption_keys": "downloading encryption keys",
"locating_encryption_keys": "locating encryption keys",
"keep_secure": "Gardez votre fichier de compte sécurisé",
"publishing_key": "Rappel: Après avoir publié la clé, il faudra quelques minutes pour qu'il apparaisse. Veuillez juste attendre.",
"seedphrase_notice": "a <seed>SEEDPHRASE</seed> has been randomly generated in the background.",

View File

@ -354,8 +354,9 @@
"theme": {
"dark": "sombre",
"dark_mode": "mode sombre",
"default": "thème par défaut",
"light": "lumière",
"light_mode": "mode léger",
"light_mode": "mode clair",
"manager": "directeur de thème",
"name": "nom de thème"
},

View File

@ -356,6 +356,7 @@
"theme": {
"dark": "scuro",
"dark_mode": "modalità scura",
"default": "tema di default",
"light": "chiara",
"light_mode": "modalità chiara",
"manager": "manager tema",

View File

@ -353,6 +353,7 @@
"theme": {
"dark": "暗い",
"dark_mode": "ダークモード",
"default": "デフォルトのテーマ",
"light": "ライト",
"light_mode": "ライトモード",
"manager": "テーママネージャー",

View File

@ -353,6 +353,7 @@
"theme": {
"dark": "темный",
"dark_mode": "темный режим",
"default": "тема по умолчанию",
"light": "свет",
"light_mode": "легкий режим",
"manager": "Менеджер темы",

View File

@ -353,6 +353,7 @@
"theme": {
"dark": "黑暗的",
"dark_mode": "黑暗模式",
"default": "默认主题",
"light": "光",
"light_mode": "光模式",
"manager": "主题经理",