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 { AppContext } from 'pages/_app';
import { SyncProgressIcon } from './syncProgressIcon';
import { FlexWrapper } from 'components/Container';
export function EntryHeading({ mapping }) {
const appContext = useContext(AppContext);
return (
<FlexWrapper sx={{ marginBottom: '4px' }}>
<Typography
sx={{
fontSize: '16px',
lineHeight: '20px',
marginBottom: '4px',
}}>
<>
{mapping.collectionName}
</Typography>
{appContext.isFolderSyncRunning &&
watchService.currentEvent?.collectionName ===
mapping.collectionName && <SyncProgressIcon />}
</>
</Typography>
</FlexWrapper>
);
}