folder delete #40

digital-course-file/src/user/Deletefolder.js

+import { React , useState } from "react";
+import { Button, Modal, ModalFooter} from 'react-bootstrap';
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faAlignCenter, faFolderMinus } from "@fortawesome/free-solid-svg-icons";
+import { database } from '../fire.js'
+import firebase from 'firebase'
+import { Link } from "react-router-dom";
+
+// {currentFolder}
+export default function AddFolder( {currentFolder} ){
+    const [open, setOpen] = useState(false);
+    const temp_parent = ""+currentFolder.parentId;
+    const [path, setpath] = useState(``);
+    
+    function openModal(){
+        { temp_parent != "null" && (setpath(`/folder/${temp_parent}`))}
+        setOpen(true);
+    }
+
+    function closeModal(){
+        setOpen(false);
+    }
+    
+    function handleDelete(){
+        var folderdel = database.folders
+        .where("userId","==", firebase.auth().currentUser.uid)
+        .where("parents", "array-contains", currentFolder.id);
+        folderdel.get().then(function(querySnapshot) {
+            querySnapshot.forEach(function(doc) {
+              doc.ref.delete();
+            });
+        });
+
+      database.folders.doc(currentFolder.id).delete().then(() => {
+            console.log("Folder deleted");
+        }).catch((error) => {
+            console.error("Error :", error);
+        });
+    }
+
+    return (
+        <>
+          <Button style={{maxWidth : "80px" }} className="mr-2" onClick={openModal} variant="danger" size="sm" >
+            <FontAwesomeIcon icon={faFolderMinus} />
+          </Button>
+          <Modal show={open} onHide={closeModal} >
+          <Modal.Body>
+              <div>
+                  Do you want to delete the current folder ?   
+              </div>
+              </Modal.Body>
+              <ModalFooter>
+              <Button  style={{float: 'left'}} className="mr-2" variant="danger" onClick={handleDelete} as={Link} 
+              to= {path} >
+                  DELETE
+              </Button>
+              <Button style={{maxWidth : "80px" }} className="mr-2" variant="primary" onClick={closeModal} >
+                Cancel
+              </Button>
+              </ModalFooter>
+          </Modal>
+        </>
+      );
+}

digital-course-file/src/user/Hero.js

@@ -5,6 +5,7 @@ import { ROOT_FOLDER, useFolder } from '.././hooks/useFolder'
 import Folder from './Folder'
 import FolderNav from './FolderNav'
 import Deffolders from './Deffolders'
+import Deletefolder from './Deletefolder'
 import Sharelink from './Sharelink'
 import { useParams } from 'react-router-dom'
 import copyright from './copyright'
@@ -42,6 +43,7 @@ const Hero = ({ handleLogout }) => {
             <Deffolders currentFolder={folder} />
           )}
           {folder.id!=null &&  ( <Sharelink currentFolder={folder} /> )}
+          {folder.id!=null &&  ( <Deletefolder currentFolder={folder} /> )}
         </div>
 
         {childFolders.length > 0 && (

digital-course-file/src/user/copyright.js

@@ -17,8 +17,14 @@ export default function copyright() {
   <p>Github : @ganapathi12</p>
   <p>From : India</p>
   <br/>
+  <h3>Balaji D</h3>
+  <p>Contact : balajidass07@gmail.com</p>
+  <p>Website : https://balajidass07.github.io/</p>
+  <p>Github : @balajidass07</p>
+  <p>From : India</p>
+  <br/>
   <h2>THANKS</h2>
-  <p>Mr.Sir name</p>
+  <p>Mr. Dr. Venkataraman D (CSE) </p>
   <br/>
   <h2>SITE</h2>
   <p>Language: English</p>