Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@edx/edx-bootstrap

Package Overview
Dependencies
Maintainers
5
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@edx/edx-bootstrap - npm Package Compare versions

Comparing version
2.5.0
 to
2.6.0
+2
-2
package.json

@@ -6,3 +6,3 @@ {

"repository": "git@github.com:edx/edx-bootstrap.git",
"version": "2.5.0",
"version": "2.6.0",
"homepage": "http://edx.github.io/edx-bootstrap",

@@ -49,3 +49,3 @@ "scripts": {

"react-dom": "17.0.2",
"react-router-dom": "5.3.4",
"react-router-dom": "6.14.2",
"react-router-hash-link": "1.2.2",

@@ -52,0 +52,0 @@ "react-scripts": "5.0.1",

+37
-36
src/App.js
import React, { Component } from 'react';
import { BrowserRouter, Route, NavLink } from 'react-router-dom';
import { BrowserRouter, Route, NavLink, Routes } from 'react-router-dom';
import { HashLink } from 'react-router-hash-link';

@@ -157,43 +157,44 @@

</div>
<Routes>
<Route path="/" element={<Overview />} />
<Route path="/GettingStarted" element={<GettingStarted />} />
<Route path="/Basics" element={<Basics />} />
<Route exact path="/" component={Overview} />
<Route exact path="/GettingStarted" component={GettingStarted} />
<Route exact path="/Basics" component={Basics} />
{/* Basics */}
<Route path="/Basics#colors" element={<Basics />} />
<Route path="/Basics#typography" element={<Basics />} />
<Route path="/Basics#buttons" element={<Basics />} />
<Route path="/Basics#icons" element={<Basics />} />
<Route path="/Basics#themes" element={<Basics />} />
{/* Basics */}
<Route path="/Basics#colors" component={Basics} />
<Route path="/Basics#typography" component={Basics} />
<Route path="/Basics#buttons" component={Basics} />
<Route path="/Basics#icons" component={Basics} />
<Route path="/Basics#themes" component={Basics} />
{/* Navigation */}
<Route exact path="/Navigation" element={<Navigation />} />
<Route path="/Navigation#links" element={<Navigation />} />
<Route path="/Navigation#breadcrumbs" element={<Navigation />} />
<Route path="/Navigation#tabs" element={<Navigation />} />
<Route path="/Navigation#search" element={<Navigation />} />
{/* Navigation */}
<Route exact path="/Navigation" component={Navigation} />
<Route path="/Navigation#links" component={Navigation} />
<Route path="/Navigation#breadcrumbs" component={Navigation} />
<Route path="/Navigation#tabs" component={Navigation} />
<Route path="/Navigation#search" component={Navigation} />
{/* Content */}
<Route path="/Forms" element={<Forms />} />
<Route path="/Cards" element={<Cards />} />
<Route path="/Alerts" element={<Alerts />} />
<Route path="/Badge" element={<Badge />} />
<Route path="/Dropdowns" element={<Dropdowns />} />
<Route path="/Modal" element={<Modal />} />
<Route path="/Pagination" element={<Pagination />} />
<Route path="/Tables" element={<Tables />} />
{/* Content */}
<Route path="/Forms" component={Forms} />
<Route path="/Cards" component={Cards} />
<Route path="/Alerts" component={Alerts} />
<Route path="/Badge" component={Badge} />
<Route path="/Dropdowns" component={Dropdowns} />
<Route path="/Modal" component={Modal} />
<Route path="/Pagination" component={Pagination} />
<Route path="/Tables" component={Tables} />
{/* Miscellaneous */}
<Route exact path="/Miscellaneous" element={<Miscellaneous />} />
<Route path="/Miscellaneous#loaders" element={<Miscellaneous />} />
{/* Miscellaneous */}
<Route exact path="/Miscellaneous" component={Miscellaneous} />
<Route path="/Miscellaneous#loaders" component={Miscellaneous} />
{/* Examples */}
<Route path="/Examples" element={<Examples />} />
{/* Examples */}
<Route path="/Examples" component={Examples} />
{/* Bootstrap documentation pages */}
<Route path="/Bootstrap/Collapse" component={Collapse} />
<Route path="/Bootstrap/Grid" component={Grid} />
<Route path="/Bootstrap/Popovers" component={Popovers} />
<Route path="/Bootstrap/Progress" component={Progress} />
{/* Bootstrap documentation pages */}
<Route path="/Bootstrap/Collapse" element={<Collapse />} />
<Route path="/Bootstrap/Grid" element={<Grid />} />
<Route path="/Bootstrap/Popovers" element={<Popovers />} />
<Route path="/Bootstrap/Progress" element={<Progress />} />
</Routes>
</div>

@@ -200,0 +201,0 @@ </div>

+10
-12
src/ScrollToTop.js

@@ -1,16 +0,14 @@

import { Component } from 'react';
import { withRouter } from 'react-router-dom';
import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';
class ScrollToTop extends Component {
componentDidUpdate(prevProps) {
if (this.props.location.pathname !== prevProps.location.pathname) {
window.scrollTo(0, 0);
}
}
const ScrollToTop = ({ children }) => {
const location = useLocation();
render() {
return this.props.children;
}
useEffect(() => {
window.scrollTo(0, 0);
}, [location.pathname]);
return children;
}
export default withRouter(ScrollToTop);
export default ScrollToTop;