From b8011751c60c4e2b5e1dfa52b4af4e9fc8440b67 Mon Sep 17 00:00:00 2001
From: Nidharshan A <cb.en.u4cse18036@cb.students.amrita.edu>
Date: Wed, 24 Mar 2021 06:10:19 +0000
Subject: [PATCH] Delete AddFile.js
---
digital-course-file/src/user/AddFile.js | 145 ------------------------
1 file changed, 145 deletions(-)
delete mode 100644 digital-course-file/src/user/AddFile.js
diff --git a/digital-course-file/src/user/AddFile.js b/digital-course-file/src/user/AddFile.js
deleted file mode 100644
index 66cc6b4..0000000
--- a/digital-course-file/src/user/AddFile.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React, { useState } from "react"
-import ReactDOM from "react-dom"
-import { faFileUpload } from "@fortawesome/free-solid-svg-icons"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { storage, database } from '../fire.js'
-import { ROOT_FOLDER } from "digital-course-file/digital-course-file/src/hooks/useFolder"
-import { v4 as uuidV4 } from "uuid"
-import { ProgressBar, Toast } from "react-bootstrap"
-import firebase from 'firebase'
-
-export default function AddFile({ currentFolder }) {
- const [uploadingFiles, setUploadingFiles] = useState([])
-
-
- function handleUpload(e) {
- const file = e.target.files[0]
- if (currentFolder == null || file == null) return
-
- const id = uuidV4()
- setUploadingFiles(prevUploadingFiles => [
- ...prevUploadingFiles,
- { id: id, name: file.name, progress: 0, error: false },
- ])
- const filePath =
- currentFolder === ROOT_FOLDER
- ? `${currentFolder.path.join("/")}/${file.name}`
- : `${currentFolder.path.join("/")}/${currentFolder.name}/${file.name}`
-
- const uploadTask = storage
- .ref(`/files/${firebase.auth().currentUser.uid}/${filePath}`)
- .put(file)
-
- uploadTask.on(
- "state_changed",
- snapshot => {
- const progress = snapshot.bytesTransferred / snapshot.totalBytes
- setUploadingFiles(prevUploadingFiles => {
- return prevUploadingFiles.map(uploadFile => {
- if (uploadFile.id === id) {
- return { ...uploadFile, progress: progress }
- }
-
- return uploadFile
- })
- })
- },
- () => {
- setUploadingFiles(prevUploadingFiles => {
- return prevUploadingFiles.map(uploadFile => {
- if (uploadFile.id === id) {
- return { ...uploadFile, error: true }
- }
- return uploadFile
- })
- })
- },
- () => {
- setUploadingFiles(prevUploadingFiles => {
- return prevUploadingFiles.filter(uploadFile => {
- return uploadFile.id !== id
- })
- })
-
- uploadTask.snapshot.ref.getDownloadURL().then(url => {
- database.files
- .where("name", "==", file.name)
- .where("userId", "==", firebase.auth().currentUser.uid)
- .where("folderId", "==", currentFolder.id)
- .get()
- .then(existingFiles => {
- const existingFile = existingFiles.docs[0]
- if (existingFile) {
- existingFile.ref.update({ url: url })
- } else {
- database.files.add({
- url: url,
- name: file.name,
- createdAt: database.getTime(),
- folderId: currentFolder.id,
- userId: firebase.auth().currentUser.uid,
- })
- }
- })
- })
- }
- )
- }
-
- return (
- <>
- <label className="btn btn-outline-success btn-sm m-0 mr-2">
- <FontAwesomeIcon icon={faFileUpload} />
- <input
- type="file"
- onChange={handleUpload}
- style={{ opacity: 0, position: "absolute", left: "-9999px" }}
- />
- </label>
- {uploadingFiles.length > 0 &&
- ReactDOM.createPortal(
- <div
- style={{
- position: "absolute",
- bottom: "1rem",
- right: "1rem",
- maxWidth: "250px",
- }}
- >
- {uploadingFiles.map(file => (
- <Toast
- key={file.id}
- onClose={() => {
- setUploadingFiles(prevUploadingFiles => {
- return prevUploadingFiles.filter(uploadFile => {
- return uploadFile.id !== file.id
- })
- })
- }}
- >
- <Toast.Header
- closeButton={file.error}
- className="text-truncate w-100 d-block"
- >
- {file.name}
- </Toast.Header>
- <Toast.Body>
- <ProgressBar
- animated={!file.error}
- variant={file.error ? "danger" : "primary"}
- now={file.error ? 100 : file.progress * 100}
- label={
- file.error
- ? "Error"
- : `${Math.round(file.progress * 100)}%`
- }
- />
- </Toast.Body>
- </Toast>
- ))}
- </div>,
- document.body
- )}
- </>
- )
-}
--
GitLab