stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-28 15:27:49 +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",

49
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,24 +95,28 @@ 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 (
style={style} <animated.div
className="viewComponent" style={style}
> className="viewComponent"
<Switch location={_location}> >
<Route <Switch location={_location}>
path="/account" <Route
component={Account} path="/account"
/> component={Account}
<Route />
path="/photos/:id" <Route
component={PhotoRoute} path="/photos/:id"
/> component={PhotoRoute}
<Route path="/" component={Overview} /> />
</Switch> <Route
</animated.div> path="/"
)} component={Overview}
/>
</Switch>
</animated.div>
)}
</Transition> </Transition>
</div> </div>
</div> </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}