From a7d51824e42b7fa99ce8429ee514590c3a353137 Mon Sep 17 00:00:00 2001 From: Nidharshan A <cb.en.u4cse18036@cb.students.amrita.edu> Date: Wed, 3 Mar 2021 14:06:30 +0000 Subject: [PATCH] Replace Hero.js --- digital-course-file/src/user/Hero.js | 41 ++-------------------------- 1 file changed, 3 insertions(+), 38 deletions(-) diff --git a/digital-course-file/src/user/Hero.js b/digital-course-file/src/user/Hero.js index 87059ab..3cd4094 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 -- GitLab