diff --git a/digital-course-file/src/user/Hero.js b/digital-course-file/src/user/Hero.js index 87059ab1c3f7aaf44d4b6a16dae4bdf9cf96fc86..3cd4094e362f3ad11107ef9e9f70f68cbc2e9760 100644 --- a/digital-course-file/src/user/Hero.js +++ b/digital-course-file/src/user/Hero.js @@ -1,48 +1,13 @@ import React from 'react'; -import AddFolder from "./AddFolder"; -import { Container,Button } from "react-bootstrap"; -import { useFolder } from ".././hooks/useFolder"; -import Folder from "./Folder"; -import FolderNav from "./FolderNav"; -import { useParams } from "react-router-dom"; const Hero=({handleLogout})=>{ - - const { folderId } = useParams(); - const {folder, childFolders} = useFolder(folderId); - return( - <> <section className="hero"> <nav> - <h2>Course File</h2> - <button className="logoutbutton" onClick={handleLogout}>Logout</button> + <h2>Welcome people</h2> + <button onClick={handleLogout}>Logout</button> </nav> </section> - - <Container fluid>Contents</Container> - <Container fluid> - <div className="d-flex align-items-center"> - <FolderNav currentFolder={folder}/> - <AddFolder currentFolder={folder}/> - </div> - - {childFolders.length > 0 && ( - <div className="d-flex flex-wrap"> - {childFolders.map(childFolder => ( - <div - key = {childFolder.id} - style = { {maxWidth : "250px"}} - className="p-2" - > - <Folder folder={childFolder}></Folder> - </div> - ))} - </div> - )} - - </Container> - </> - ); + ) } export default Hero; \ No newline at end of file