|
@@ -1,9 +1,9 @@
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
import { Button, Card, Modal } from 'react-bootstrap';
|
|
|
-import { getData, LS_KEYS } from 'utils/storage/localStorage';
|
|
|
import CollectionDropZone from './CollectionDropZone';
|
|
|
import AddCollection from './AddCollection';
|
|
|
import PreviewCard from './PreviewCard';
|
|
|
+import constants from 'utils/strings/constants';
|
|
|
|
|
|
function CollectionSelector(props) {
|
|
|
const {
|
|
@@ -23,8 +23,8 @@ function CollectionSelector(props) {
|
|
|
collectionLatestFile={item}
|
|
|
>
|
|
|
<Card>
|
|
|
- <PreviewCard data={item.file} updateUrl={() => { }} onClick={() => { }} />
|
|
|
- <Card.Text style={{ textAlign: 'center' }}>{item.collection.name}</Card.Text>
|
|
|
+ <PreviewCard data={item.file} updateUrl={() => { }}/>
|
|
|
+ <Card.Text className="text-center">{item.collection.name}</Card.Text>
|
|
|
</Card>
|
|
|
|
|
|
</CollectionDropZone>
|
|
@@ -38,10 +38,10 @@ function CollectionSelector(props) {
|
|
|
>
|
|
|
<Modal.Header closeButton>
|
|
|
<Modal.Title >
|
|
|
- Select/Click on Collection to upload
|
|
|
- </Modal.Title>
|
|
|
+ {constants.SELECT_COLLECTION}
|
|
|
+ </Modal.Title>
|
|
|
</Modal.Header>
|
|
|
- <Modal.Body style={{ display: "flex", justifyContent: "space-around", flexWrap: "wrap" }}>
|
|
|
+ <Modal.Body style={{ display: "flex", justifyContent: "flex-start", flexWrap: "wrap" }}>
|
|
|
<AddCollection
|
|
|
{...rest}
|
|
|
showUploadModal={showUploadModal}
|
|
@@ -49,9 +49,6 @@ function CollectionSelector(props) {
|
|
|
/>
|
|
|
{CollectionIcons}
|
|
|
</Modal.Body>
|
|
|
- <Modal.Footer>
|
|
|
- <Button onClick={closeUploadModal}>Close</Button>
|
|
|
- </Modal.Footer>
|
|
|
</Modal>
|
|
|
);
|
|
|
}
|