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

update AddCollectionButton

Browse source
This commit is contained in:
Abhinav 2022-05-26 20:40:51 +05:30
parent 08d316bbaa
commit cafaef68e5
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/pages/gallery/AddCollectionButton.tsx
View file

@ -1,18 +1,18 @@
import { Typography } from '@mui/material';
import CollectionCard from 'components/Collections/CollectionCard';
import { CollectionSelectorTile } from 'components/Collections/styledComponents';
import React from 'react';
import { Card } from 'react-bootstrap';
import styled from 'styled-components';
import constants from 'utils/strings/constants';
import { CollectionIcon } from './CollectionSelector';
const ImageContainer = styled.div`
min-height: 192px;
max-width: 192px;
border: 1px solid #555;
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 42px;
cursor: pointer;
`;
export default function AddCollectionButton({
@ -21,15 +21,18 @@ export default function AddCollectionButton({
showNextModal: () => void;
}) {
return (
<CollectionIcon
style={{ margin: '10px' }}
<CollectionCard
collectionTile={CollectionSelectorTile}
onClick={() => showNextModal()}>
<Card>
<ImageContainer>+</ImageContainer>
<Card.Text style={{ textAlign: 'center' }}>
{constants.CREATE_COLLECTION}
</Card.Text>
</Card>
</CollectionIcon>
<Typography
css={`
font-size: 14px;
font-weight: 600;
line-height: 20px;
`}>
{constants.CREATE_COLLECTION}
</Typography>
<ImageContainer>+</ImageContainer>
</CollectionCard>
);
}