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

added token state

Browse source
This commit is contained in:
Abhinav-grd 2021-01-08 13:16:10 +05:30
parent f073d9c187
commit a65f101fe5
1 changed files with 46 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

85
src/pages/gallery/components/CollectionSelector.tsx
View file

@ -1,49 +1,56 @@
import React from 'react'; import React, { useEffect, useState } from 'react';
import { Button, Card, Modal } from 'react-bootstrap'; import { Button, Card, Modal } from 'react-bootstrap';
import { getData, LS_KEYS } from 'utils/storage/localStorage';
import CollectionDropZone from './CollectionDropZone'; import CollectionDropZone from './CollectionDropZone';
import PreviewCard from './PreviewCard'; import PreviewCard from './PreviewCard';
function CollectionSelector({ function CollectionSelector({
modalView, modalView,
closeModal, closeModal,
collectionLatestFile, collectionLatestFile,
showProgress, showProgress,
}) { }) {
const CollectionIcons = collectionLatestFile?.map((item) => (
<CollectionDropZone key={item.collectionID} const [token, setToken] = useState(null);
closeModal={closeModal} useEffect(() => {
collectionLatestFile={item} setToken(getData(LS_KEYS.USER).token);
noDragEventsBubbling });
showProgress={showProgress} const CollectionIcons = collectionLatestFile?.map((item) => (
> <CollectionDropZone key={item.collectionID}
<Card style={{ cursor: 'pointer', border: 'solid', width: "95%", marginBottom: "5px", padding: "auto" }}> closeModal={closeModal}
<PreviewCard data={item.file} updateUrl={() => { }} onClick={() => { }} /> collectionLatestFile={item}
<Card.Body> noDragEventsBubbling
<Card.Text>{item.collection.name}</Card.Text> showProgress={showProgress}
</Card.Body> token={token}
</Card> >
</CollectionDropZone> <Card style={{ cursor: 'pointer', border: 'solid', width: "95%", marginBottom: "5px", padding: "auto" }}>
)); <PreviewCard data={item.file} updateUrl={() => { }} onClick={() => { }} />
return ( <Card.Body>
<Modal <Card.Text>{item.collection.name}</Card.Text>
show={modalView} </Card.Body>
aria-labelledby='contained-modal-title-vcenter' </Card>
centered </CollectionDropZone>
onHide={closeModal} ));
> return (
<Modal.Header closeButton> <Modal
<Modal.Title id='contained-modal-title-vcenter'> show={modalView}
Select/Click on Collection to upload aria-labelledby='contained-modal-title-vcenter'
centered
onHide={closeModal}
>
<Modal.Header closeButton>
<Modal.Title id='contained-modal-title-vcenter'>
Select/Click on Collection to upload
</Modal.Title> </Modal.Title>
</Modal.Header> </Modal.Header>
<Modal.Body style={{ display: "flex", justifyContent: "space-between", flexWrap: "wrap" }}> <Modal.Body style={{ display: "flex", justifyContent: "space-between", flexWrap: "wrap" }}>
{CollectionIcons} {CollectionIcons}
</Modal.Body> </Modal.Body>
<Modal.Footer> <Modal.Footer>
<Button onClick={closeModal}>Close</Button> <Button onClick={closeModal}>Close</Button>
</Modal.Footer> </Modal.Footer>
</Modal> </Modal>
); );
} }
export default CollectionSelector; export default CollectionSelector;