Use of Box instead of div

This commit is contained in:
Nicola Benaglia 2025-06-20 19:19:23 +02:00
parent fb8d022250
commit ec851a8b2c

View File

@ -4,7 +4,7 @@ import syncedMintingImg from '../assets/syncStatus/synced_minting.webp';
import syncingImg from '../assets/syncStatus/syncing.webp'; import syncingImg from '../assets/syncStatus/syncing.webp';
import { getBaseApiReact } from '../App'; import { getBaseApiReact } from '../App';
import '../styles/CoreSyncStatus.css'; import '../styles/CoreSyncStatus.css';
import { useTheme } from '@mui/material'; import { Box, useTheme } from '@mui/material';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { manifestData } from './NotAuthenticated'; import { manifestData } from './NotAuthenticated';
@ -106,7 +106,7 @@ export const CoreSyncStatus = () => {
} }
return ( return (
<div <Box
className="tooltip" className="tooltip"
data-theme={theme.palette.mode} data-theme={theme.palette.mode}
style={{ display: 'inline' }} style={{ display: 'inline' }}
@ -119,7 +119,7 @@ export const CoreSyncStatus = () => {
/> />
</span> </span>
<div <Box
className="core-panel" className="core-panel"
style={{ style={{
right: 'unset', right: 'unset',
@ -166,10 +166,10 @@ export const CoreSyncStatus = () => {
{t('core:ui.version', { postProcess: 'capitalizeFirstChar' })}:{' '} {t('core:ui.version', { postProcess: 'capitalizeFirstChar' })}:{' '}
<span style={{ color: '#03a9f4' }}>{manifestData.version}</span> <span style={{ color: '#03a9f4' }}>{manifestData.version}</span>
</h4> </h4>
</div> </Box>
</div> </Box>
); );
}; };
return <div id="core-sync-status-id">{renderSyncStatusIcon()}</div>; return <Box id="core-sync-status-id">{renderSyncStatusIcon()}</Box>;
}; };