beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update EntryHeading styles

Browse source
This commit is contained in:
Abhinav 2022-06-19 16:32:14 +05:30
parent 6b9ed0c622
commit 0138873881
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/WatchFolder/mappingEntry/entryHeading.tsx
View file

@ -3,22 +3,22 @@ import { Typography } from '@mui/material';
import watchService from 'services/watchFolderService'; import watchService from 'services/watchFolderService';
import { AppContext } from 'pages/_app'; import { AppContext } from 'pages/_app';
import { SyncProgressIcon } from './syncProgressIcon'; import { SyncProgressIcon } from './syncProgressIcon';
import { FlexWrapper } from 'components/Container';
export function EntryHeading({ mapping }) { export function EntryHeading({ mapping }) {
const appContext = useContext(AppContext); const appContext = useContext(AppContext);
return ( return (
<FlexWrapper sx={{ marginBottom: '4px' }}>
<Typography <Typography
sx={{ sx={{
fontSize: '16px', fontSize: '16px',
lineHeight: '20px', lineHeight: '20px',
marginBottom: '4px',
}}> }}>
<>
{mapping.collectionName} {mapping.collectionName}
</Typography>
{appContext.isFolderSyncRunning && {appContext.isFolderSyncRunning &&
watchService.currentEvent?.collectionName === watchService.currentEvent?.collectionName ===
mapping.collectionName && <SyncProgressIcon />} mapping.collectionName && <SyncProgressIcon />}
</> </FlexWrapper>
</Typography>
); );
} }