minor upgrades

digital-course-file/src/Routes.js

@@ -6,6 +6,7 @@ import Home from "./core/Home"
 import Hero from "./user/Hero"
 import Signin from "./user/Signin"
 // import UserDashboard from "./user/UserDashboard"
+import copyright from "./user/copyright"
 
 const Routes=()=>{
     return(
@@ -17,6 +18,7 @@ const Routes=()=>{
 
             <Route path="/" exact component={Signin}/>
             <Route path="/signin" exact component={Signin}/>
+            <Route path="/copyright" exact component={copyright}/>
             {/* <Route path="/cart" exact component={Cart}/> */}
             {/* <PrivateRoutes path="/user/dashboard" exact component={UserDashboard}/> */}
         </Switch>

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

@@ -44,7 +44,7 @@ export default function AddFolder( {currentFolder} ){
 
     return (
         <>
-          <Button style={{maxWidth : "80px"}} onClick={openModal} variant="primary" size="lg">
+          <Button style={{maxWidth : "80px" }} className="mr-2" onClick={openModal} variant="primary" size="sm" >
             <FontAwesomeIcon icon={faFolderPlus} />
           </Button>
           <Modal show={open} onHide={closeModal} >

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

@@ -71,7 +71,7 @@ export default function Deffolders( {currentFolder} ){
     }
   return (
     <>
-      <Button style={{maxWidth : "80px"}} onClick={openModel} variant="primary" size="lg">
+      <Button style={{maxWidth : "80px"}} onClick={openModel} variant="primary" size="sm">
         <FontAwesomeIcon icon={faBolt} />
       </Button>
     </>

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

-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 Deffolders from "./Deffolders";
-import { useParams } from "react-router-dom";
+import React from 'react'
+import AddFolder from './AddFolder'
+import { Container, Button, Navbar, Nav } from 'react-bootstrap'
+import { useFolder } from '.././hooks/useFolder'
+import Folder from './Folder'
+import FolderNav from './FolderNav'
+import Deffolders from './Deffolders'
+import { useParams } from 'react-router-dom'
+import copyright from './copyright'
 
 const Hero = ({ handleLogout }) => {
-
-    const { folderId } = useParams();
-    const {folder, childFolders} = useFolder(folderId);
+  const { folderId } = useParams()
+  const { folder, childFolders } = useFolder(folderId)
 
   return (
     <>
-        <section className="hero">
+      <section className='hero'>
         <nav>
-                <h2>Course File</h2>
-                <button className="logoutbutton" onClick={handleLogout}>Logout</button>
+          <h2>Course File System</h2>
+          <button className='logoutbutton' onClick={handleLogout}>
+            Logout
+          </button>
         </nav>
       </section>
 
-        <Container fluid>Contents</Container>
       <Container fluid>
-        <div className="d-flex align-items-center">
+        <div className='d-flex align-items-center'>
           <FolderNav currentFolder={folder} />
           <AddFolder currentFolder={folder} />
-            <Deffolders currentFolder={folder}/>
+          {(childFolders.length == 0 ) && (<Deffolders currentFolder={folder} />) }
+          
         </div>
 
         {childFolders.length > 0 && (
-                <div className="d-flex flex-wrap">
-                    {childFolders.map(childFolder => (
+          <div className='d-flex flex-wrap'>
+            {childFolders.map((childFolder) => (
               <div
                 key={childFolder.id}
-                            style = { {maxWidth : "250px"}}
-                            className="p-2"
+                style={{ maxWidth: '250px' }}
+                className='p-2'
               >
                 <Folder folder={childFolder}></Folder>
               </div>
             ))}
           </div>
         )}
-
       </Container>
+      <Navbar fixed='bottom' variant='light' bg='light'>
+        <Container className='ml-sm-2'>
+          <Nav.Link eventKey={2} href='copyright'>
+            &copy; Digital Course File Group 2
+          </Nav.Link>
+        </Container>
+      </Navbar>
     </>
-    );
+  )
 }
-export default Hero;
+export default Hero
\ No newline at end of file

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

+import React from 'react'
+import {
+  Navbar,
+  Nav,
+  Form,
+  FormControl,
+  Button,
+  Container,
+} from 'react-bootstrap'
+
+export default function copyright() {
+  return <>
+  <h2>DEVELOPERS</h2>
+  <h3>Ganapathi Subramanyam Jayam</h3>
+  <p>Contact : jayam.ganapathi12@gmail.com</p>
+  <p>Website : https://ganapathi12.github.io/</p>
+  <p>Github : @ganapathi12</p>
+  <p>From : India</p>
+  <br/>
+  <h2>THANKS</h2>
+  <p>Mr.Sir name</p>
+  <br/>
+  <h2>SITE</h2>
+  <p>Language: English</p>
+  <p>Components: Firebase, React js</p>
+  <p>Editor: vscode</p>
+  </>
+}