Fix main page scrollbar and socket status position

This commit is contained in:
Maksim Eltyshev
2019-10-09 01:05:06 +05:00
parent dc09246d8a
commit b9d4024957
3 changed files with 32 additions and 36 deletions

View File

@@ -21,40 +21,38 @@ const Projects = React.memo(({
return (
<Container className={styles.cardsWrapper}>
<Grid className={styles.gridFix}>
<Grid.Row>
{items.map((item) => (
<Grid.Column key={item.id} mobile={8} computer={4}>
<Link
to={
item.firstBoardId
? Paths.BOARDS.replace(':id', item.firstBoardId)
: Paths.PROJECTS.replace(':id', item.id)
}
>
<div className={classNames(styles.card, styles.open)}>
<div className={styles.cardOverlay} />
<div className={styles.openTitle}>{item.name}</div>
{items.map((item) => (
<Grid.Column key={item.id} mobile={8} computer={4}>
<Link
to={
item.firstBoardId
? Paths.BOARDS.replace(':id', item.firstBoardId)
: Paths.PROJECTS.replace(':id', item.id)
}
>
<div className={classNames(styles.card, styles.open)}>
<div className={styles.cardOverlay} />
<div className={styles.openTitle}>{item.name}</div>
</div>
</Link>
</Grid.Column>
))}
{isEditable && (
<Grid.Column mobile={8} computer={4}>
<button
type="button"
className={classNames(styles.card, styles.add)}
onClick={onAdd}
>
<div className={styles.addTitleWrapper}>
<div className={styles.addTitle}>
<PlusIcon className={styles.addGridIcon} />
{t('action.createProject')}
</div>
</Link>
</Grid.Column>
))}
{isEditable && (
<Grid.Column mobile={8} computer={4}>
<button
type="button"
className={classNames(styles.card, styles.add)}
onClick={onAdd}
>
<div className={styles.addTitleWrapper}>
<div className={styles.addTitle}>
<PlusIcon className={styles.addGridIcon} />
{t('action.createProject')}
</div>
</div>
</button>
</Grid.Column>
)}
</Grid.Row>
</div>
</button>
</Grid.Column>
)}
</Grid>
</Container>
);