Restore

digital-course-file/src/hooks/useFolder.js

@@ -4,7 +4,7 @@ import firebase from 'firebase'
 import Loader from "react-loader-spinner";
 
 
-export const ROOT_FOLDER = {name: 'Root', id : null , path : [] };
+export const ROOT_FOLDER = {name: 'Root', id : null , path : [] , parents : []};
 
 export function useFolder( folderId = null, folder= null) {
 

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

@@ -28,13 +28,19 @@ export default function AddFolder( {currentFolder} ){
           path.push( { name : currentFolder.name , id : currentFolder.id} )
       }
 
+      const parents =  [...currentFolder.parents];
+      if(currentFolder!== ROOT_FOLDER){
+          parents.push(currentFolder.id)
+      }
+
       e.preventDefault();
       database.folders.add({
         name : name,
         parentId : currentFolder.id,
         userId: firebase.auth().currentUser.uid,
         path : path,
-        createdAt : database.getTime()
+        createdAt : database.getTime(),
+        parents : parents,
       })
       setName("");
       closeModal();

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

 import React, { useEffect, useState } from 'react'
 import AddFolder from './AddFolder'
 import { Container, Button, Navbar, Nav } from 'react-bootstrap'
-import { useFolder } from '.././hooks/useFolder'
+import { ROOT_FOLDER, useFolder } from '.././hooks/useFolder'
 import Folder from './Folder'
 import FolderNav from './FolderNav'
 import Deffolders from './Deffolders'
+import DeleteFolder from './DeleteFolder'
 import { useParams } from 'react-router-dom'
 import copyright from './copyright'
 import { Link } from 'react-router-dom'
@@ -37,6 +38,7 @@ const Hero = ({ handleLogout }) => {
         <div className='d-flex align-items-center'>
           <FolderNav currentFolder={folder} />
           <AddFolder currentFolder={folder} />
+          
           {childFolders.length == 0 && folder.parentId == null && (
             <Deffolders currentFolder={folder} />
           )}