From 97290fcfd03309249ae55a6f5c2931e68e9f27aa Mon Sep 17 00:00:00 2001
From: Nidharshan A <cb.en.u4cse18036@cb.students.amrita.edu>
Date: Wed, 3 Mar 2021 13:57:52 +0000
Subject: [PATCH] Replace Hero.js
---
digital-course-file/src/user/Hero.js | 41 ++++++++++++++++++++++++++--
1 file changed, 38 insertions(+), 3 deletions(-)
diff --git a/digital-course-file/src/user/Hero.js b/digital-course-file/src/user/Hero.js
index 3cd4094..87059ab 100644
--- a/digital-course-file/src/user/Hero.js
+++ b/digital-course-file/src/user/Hero.js
@@ -1,13 +1,48 @@
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>Welcome people</h2>
- <button onClick={handleLogout}>Logout</button>
+ <h2>Course File</h2>
+ <button className="logoutbutton" 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