stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-29 07:47:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

update blueprintjs

Browse Source
This commit is contained in:
Stepan Usatiuk
2022-05-01 11:05:17 +02:00
committed by Stepan Usatiuk
parent 31ea21416c
commit a8b2c2c5f5
3 changed files with 2095 additions and 1508 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3552
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
frontend/package.json
View File

@@ -8,7 +8,7 @@
"test": "jest" "test": "jest"
}, },
"dependencies": { "dependencies": {
"@blueprintjs/core": "^3.53.0", "@blueprintjs/core": "^4.0.0",
"@parcel/config-default": "^2.3.1", "@parcel/config-default": "^2.3.1",
"@parcel/transformer-sass": "^2.3.1", "@parcel/transformer-sass": "^2.3.1",
"@typescript-eslint/eslint-plugin": "^5.12.0", "@typescript-eslint/eslint-plugin": "^5.12.0",

17
frontend/src/Home/Home.tsx
View File

@@ -8,6 +8,7 @@ import {
IBreadcrumbProps, IBreadcrumbProps,
Icon, Icon,
Menu, Menu,
MenuItem,
Navbar, Navbar,
Popover, Popover,
Spinner, Spinner,
@@ -94,7 +95,8 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
transform: "translate3d(400px,0,0)", transform: "translate3d(400px,0,0)",
}} }}
> >
{(_location: any) => (style: any) => ( {(_location: any) => (style: any) =>
(
<animated.div <animated.div
style={style} style={style}
className="viewComponent" className="viewComponent"
@@ -108,7 +110,10 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
path="/photos/:id" path="/photos/:id"
component={PhotoRoute} component={PhotoRoute}
/> />
<Route path="/" component={Overview} /> <Route
path="/"
component={Overview}
/>
</Switch> </Switch>
</animated.div> </animated.div>
)} )}
@@ -122,24 +127,24 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
private menu() { private menu() {
return ( return (
<Menu> <Menu>
<Menu.Item <MenuItem
icon="user" icon="user"
text="Account" text="Account"
onClick={() => this.props.history.push("/account")} onClick={() => this.props.history.push("/account")}
/> />
<Menu.Item <MenuItem
icon="log-out" icon="log-out"
text="Logout" text="Logout"
onClick={this.props.logout} onClick={this.props.logout}
/> />
{this.props.darkMode ? ( {this.props.darkMode ? (
<Menu.Item <MenuItem
icon="flash" icon="flash"
text="Light Mode" text="Light Mode"
onClick={this.props.dispatchToggleDarkMode} onClick={this.props.dispatchToggleDarkMode}
/> />
) : ( ) : (
<Menu.Item <MenuItem
icon="moon" icon="moon"
text="Dark Mode" text="Dark Mode"
onClick={this.props.dispatchToggleDarkMode} onClick={this.props.dispatchToggleDarkMode}