mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-09 18:07:02 +02:00
Code Issues Releases Wiki Activity

Rename UserPageSidebar to AffixedSidebar, make it a much more reusable component

Browse Source
This commit is contained in:
Alexander Skvortsov
2020-08-10 00:38:02 -04:00
committed by Franz Liedke
parent 5ccf9d420e
commit a376c0e596
2 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
js/src/forum/components/UserPageSidebar.js → js/src/forum/components/AffixedSidebar.js
View File

@@ -1,11 +1,8 @@
import Component from "../../common/Component"; import Component from '../../common/Component';
export default class UserPageSidebar extends Component { export default class AffixedSidebar extends Component {
view(vnode) { view(vnode) {
return ( return vnode.children[0];
<nav className="sideNav UserPage-nav">
<ul>{vnode.children}</ul>
</nav>)
} }
onresize(vnode) { onresize(vnode) {
@@ -27,7 +24,7 @@ export default class UserPageSidebar extends Component {
bottom: () => (this.bottom = $footer.outerHeight(true)), bottom: () => (this.bottom = $footer.outerHeight(true)),
}, },
}); });
}; }
oncreate(vnode) { oncreate(vnode) {
super.oncreate(vnode); super.oncreate(vnode);

10
js/src/forum/components/UserPage.js
View File

@@ -1,12 +1,12 @@
import Page from '../../common/components/Page'; import Page from '../../common/components/Page';
import ItemList from '../../common/utils/ItemList'; import ItemList from '../../common/utils/ItemList';
import affixSidebar from '../utils/affixSidebar';
import UserCard from './UserCard'; import UserCard from './UserCard';
import LoadingIndicator from '../../common/components/LoadingIndicator'; import LoadingIndicator from '../../common/components/LoadingIndicator';
import SelectDropdown from '../../common/components/SelectDropdown'; import SelectDropdown from '../../common/components/SelectDropdown';
import LinkButton from '../../common/components/LinkButton'; import LinkButton from '../../common/components/LinkButton';
import Separator from '../../common/components/Separator'; import Separator from '../../common/components/Separator';
import listItems from '../../common/helpers/listItems'; import listItems from '../../common/helpers/listItems';
import UserPageSidebar from './AffixedSidebar';
/** /**
* The `UserPage` component shows a user's profile. It can be extended to show * The `UserPage` component shows a user's profile. It can be extended to show
@@ -42,9 +42,11 @@ export default class UserPage extends Page {
/>, />,
<div className="container"> <div className="container">
<div className="sideNavContainer"> <div className="sideNavContainer">
<nav className="sideNav UserPage-nav" config={affixSidebar}> <UserPageSidebar>
<ul>{listItems(this.sidebarItems().toArray())}</ul> <nav className="sideNav UserPage-nav">
</nav> <ul>{listItems(this.sidebarItems().toArray())}</ul>
</nav>
</UserPageSidebar>
<div className="sideNavOffset UserPage-content">{this.content()}</div> <div className="sideNavOffset UserPage-content">{this.content()}</div>
</div> </div>
</div>, </div>,