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

integrated upload progress component

Browse source
This commit is contained in:
Abhinav-grd 2021-01-05 16:42:38 +05:30
parent 0612361ee2
commit 38ef6d12bc
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/gallery/index.tsx
View file

@ -25,6 +25,7 @@ import SadFace from 'components/SadFace';
import FileUpload from './components/DragAndDropUpload';
import UploadButton from 'pages/gallery/components/UploadButton';
import CollectionSelector from './components/CollectionSelector';
import { UploadProgress } from './components/UploadProgress';
enum ITEM_TYPE {
TIME = 'TIME',
@ -111,6 +112,8 @@ export default function Gallery() {
const closeModal = () => setModalView(false);
const showModal = () => setModalView(true);
const [progressView, setProgressView] = useState(false);
useEffect(() => {
const key = getKey(SESSION_KEYS.ENCRYPTION_KEY);
const token = getData(LS_KEYS.USER).token;
@ -305,11 +308,20 @@ export default function Gallery() {
selectCollection={selectCollection}
/>
<UploadButton showModal={showModal} />
<FileUpload noClick closeModal={closeModal} showModal={showModal}>
<FileUpload
noClick
closeModal={closeModal}
showModal={showModal}
>
<CollectionSelector
modalView={modalView}
closeModal={closeModal}
collectionLatestFile={collectionLatestFile}
showProgress={() => setProgressView(true)}
/>
<UploadProgress
show={progressView}
onHide={() => setProgressView(false)}
/>
{filteredData.length ? (
<Container>