5 files + 64 − 55 Inline Compare changes Side-by-side Inline Show whitespace changes Files 5 digital-course-file/package.json +1 −0 Original line number Diff line number Diff line Loading @@ -20,6 +20,7 @@ "react-google-button": "^0.7.2", "react-icons": "^4.2.0", "react-loader-spinner": "^4.0.0", "react-router-bootstrap": "^0.25.0", "react-router-dom": "^5.2.0", "react-scripts": "4.0.2", "web-vitals": "^1.1.0" Loading digital-course-file/public/favicon.ico +3.45 KiB (7.23 KiB) 3.78 KiB | W: 64 | H: 64 7.23 KiB | W: 48 | H: 48 2-up Swipe Onion skin digital-course-file/src/Routes.js +17 −12 Original line number Diff line number Diff line Loading @@ -10,8 +10,8 @@ import copyright from './user/copyright' import { Link } from 'react-router-dom' import { Container, Button, Navbar, Nav } from 'react-bootstrap' import fire from './fire' import ForgotPassword from "./user/ForgotPassword" import ForgotPassword from './user/ForgotPassword' import { LinkContainer } from 'react-router-bootstrap' const Routes = () => { const [user, setUser] = useState('') Loading Loading @@ -39,26 +39,31 @@ const Routes = () => { <h2>Course File System</h2> </Navbar.Brand> {user && ( <Link to="/signin"> <button className='logoutbutton' onClick={()=>fire.auth().signOut()}> <Link to='/signin'> <button className='logoutbutton' onClick={() => fire.auth().signOut()} > Logout </button></Link> </button> </Link> )} </nav> </section> <Switch> {/*Folders*/} <Route path='/folder/:folderId' component={Hero} /> <Route path='/folder/:folderId' exact component={Hero} /> <Route path='/' exact component={Signin} /> <Route path='/signin' exact component={Signin} /> <Route path='/copyright' exact component={copyright} /> <Route path='/copyright' component={copyright} /> <Route path='/folder/copyright' component={copyright} /> <Route path='/forgot-password' component={ForgotPassword} /> </Switch> <Navbar fixed='bottom' variant='light' bg='light'> <Container className='ml-sm-2'> <Nav.Link eventKey={2} href='copyright'> © Digital Course File Group 2 </Nav.Link> <LinkContainer to='/copyright'> <Nav.Link>© Digital Course File Group 2</Nav.Link> </LinkContainer> </Container> </Navbar> </BrowserRouter> Loading digital-course-file/src/user/FolderNav.js +38 −42 Original line number Diff line number Diff line import { react } from "react"; import { Breadcrumb } from "react-bootstrap"; import { Link } from "react-router-dom"; import { ROOT_FOLDER } from "../hooks/useFolder"; import { react } from 'react' import { Breadcrumb } from 'react-bootstrap' import { Link } from 'react-router-dom' import { ROOT_FOLDER } from '../hooks/useFolder' export default function FolderNav({ currentFolder }) { let path = currentFolder === ROOT_FOLDER ? [] : [ROOT_FOLDER] if (currentFolder) { path = [...path,...currentFolder.path]; path = [...path, ...currentFolder.path] } return ( <Breadcrumb className="flex-grow-1" listProps = {{ className : "bg-white pl-0 m-0"}} className='flex-grow-1' listProps={{ className: 'bg-white pl-0 m-0' }} > {path.map((folder, index) => ( <Breadcrumb.Item key={folder.id} linkAs={Link} linkProps={{ to : folder.id ? `/folder/${folder.id}` : "/", to: folder.id ? `/folder/${folder.id}` : '/', }} className="text-truncate d-inline-block" style = { {maxWidth : "175px"} } className='text-truncate d-inline-block' style={{ maxWidth: '175px' }} > {folder.name} </Breadcrumb.Item> ))} {currentFolder && ( <Breadcrumb.Item className="text-truncate d-inline-block" style = { {maxWidth : "200px"} } className='text-truncate d-inline-block' style={{ maxWidth: '200px' }} active > {currentFolder.name} </Breadcrumb.Item> ) } )} </Breadcrumb> ); ) } digital-course-file/src/user/Hero.js +8 −1 Original line number Diff line number Diff line Loading @@ -32,6 +32,7 @@ const Hero = ({ handleLogout }) => { ) } if(folder.id!=="copyright"){ return ( <> <Container fluid> Loading Loading @@ -62,5 +63,11 @@ const Hero = ({ handleLogout }) => { </Container> </> ) }else{ return null } } export default Hero
digital-course-file/package.json +1 −0 Original line number Diff line number Diff line Loading @@ -20,6 +20,7 @@ "react-google-button": "^0.7.2", "react-icons": "^4.2.0", "react-loader-spinner": "^4.0.0", "react-router-bootstrap": "^0.25.0", "react-router-dom": "^5.2.0", "react-scripts": "4.0.2", "web-vitals": "^1.1.0" Loading
digital-course-file/public/favicon.ico +3.45 KiB (7.23 KiB) 3.78 KiB | W: 64 | H: 64 7.23 KiB | W: 48 | H: 48 2-up Swipe Onion skin
digital-course-file/src/Routes.js +17 −12 Original line number Diff line number Diff line Loading @@ -10,8 +10,8 @@ import copyright from './user/copyright' import { Link } from 'react-router-dom' import { Container, Button, Navbar, Nav } from 'react-bootstrap' import fire from './fire' import ForgotPassword from "./user/ForgotPassword" import ForgotPassword from './user/ForgotPassword' import { LinkContainer } from 'react-router-bootstrap' const Routes = () => { const [user, setUser] = useState('') Loading Loading @@ -39,26 +39,31 @@ const Routes = () => { <h2>Course File System</h2> </Navbar.Brand> {user && ( <Link to="/signin"> <button className='logoutbutton' onClick={()=>fire.auth().signOut()}> <Link to='/signin'> <button className='logoutbutton' onClick={() => fire.auth().signOut()} > Logout </button></Link> </button> </Link> )} </nav> </section> <Switch> {/*Folders*/} <Route path='/folder/:folderId' component={Hero} /> <Route path='/folder/:folderId' exact component={Hero} /> <Route path='/' exact component={Signin} /> <Route path='/signin' exact component={Signin} /> <Route path='/copyright' exact component={copyright} /> <Route path='/copyright' component={copyright} /> <Route path='/folder/copyright' component={copyright} /> <Route path='/forgot-password' component={ForgotPassword} /> </Switch> <Navbar fixed='bottom' variant='light' bg='light'> <Container className='ml-sm-2'> <Nav.Link eventKey={2} href='copyright'> © Digital Course File Group 2 </Nav.Link> <LinkContainer to='/copyright'> <Nav.Link>© Digital Course File Group 2</Nav.Link> </LinkContainer> </Container> </Navbar> </BrowserRouter> Loading
digital-course-file/src/user/FolderNav.js +38 −42 Original line number Diff line number Diff line import { react } from "react"; import { Breadcrumb } from "react-bootstrap"; import { Link } from "react-router-dom"; import { ROOT_FOLDER } from "../hooks/useFolder"; import { react } from 'react' import { Breadcrumb } from 'react-bootstrap' import { Link } from 'react-router-dom' import { ROOT_FOLDER } from '../hooks/useFolder' export default function FolderNav({ currentFolder }) { let path = currentFolder === ROOT_FOLDER ? [] : [ROOT_FOLDER] if (currentFolder) { path = [...path,...currentFolder.path]; path = [...path, ...currentFolder.path] } return ( <Breadcrumb className="flex-grow-1" listProps = {{ className : "bg-white pl-0 m-0"}} className='flex-grow-1' listProps={{ className: 'bg-white pl-0 m-0' }} > {path.map((folder, index) => ( <Breadcrumb.Item key={folder.id} linkAs={Link} linkProps={{ to : folder.id ? `/folder/${folder.id}` : "/", to: folder.id ? `/folder/${folder.id}` : '/', }} className="text-truncate d-inline-block" style = { {maxWidth : "175px"} } className='text-truncate d-inline-block' style={{ maxWidth: '175px' }} > {folder.name} </Breadcrumb.Item> ))} {currentFolder && ( <Breadcrumb.Item className="text-truncate d-inline-block" style = { {maxWidth : "200px"} } className='text-truncate d-inline-block' style={{ maxWidth: '200px' }} active > {currentFolder.name} </Breadcrumb.Item> ) } )} </Breadcrumb> ); ) }
digital-course-file/src/user/Hero.js +8 −1 Original line number Diff line number Diff line Loading @@ -32,6 +32,7 @@ const Hero = ({ handleLogout }) => { ) } if(folder.id!=="copyright"){ return ( <> <Container fluid> Loading Loading @@ -62,5 +63,11 @@ const Hero = ({ handleLogout }) => { </Container> </> ) }else{ return null } } export default Hero