update EntryHeading styles
This commit is contained in:
parent
6b9ed0c622
commit
0138873881
|
@ -3,22 +3,22 @@ import { Typography } from '@mui/material';
|
|||
import watchService from 'services/watchFolderService';
|
||||
import { AppContext } from 'pages/_app';
|
||||
import { SyncProgressIcon } from './syncProgressIcon';
|
||||
import { FlexWrapper } from 'components/Container';
|
||||
|
||||
export function EntryHeading({ mapping }) {
|
||||
const appContext = useContext(AppContext);
|
||||
return (
|
||||
<Typography
|
||||
sx={{
|
||||
fontSize: '16px',
|
||||
lineHeight: '20px',
|
||||
marginBottom: '4px',
|
||||
}}>
|
||||
<>
|
||||
<FlexWrapper sx={{ marginBottom: '4px' }}>
|
||||
<Typography
|
||||
sx={{
|
||||
fontSize: '16px',
|
||||
lineHeight: '20px',
|
||||
}}>
|
||||
{mapping.collectionName}
|
||||
{appContext.isFolderSyncRunning &&
|
||||
watchService.currentEvent?.collectionName ===
|
||||
mapping.collectionName && <SyncProgressIcon />}
|
||||
</>
|
||||
</Typography>
|
||||
</Typography>
|
||||
{appContext.isFolderSyncRunning &&
|
||||
watchService.currentEvent?.collectionName ===
|
||||
mapping.collectionName && <SyncProgressIcon />}
|
||||
</FlexWrapper>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue