update post layout

This commit is contained in:
SrGooglo 2023-03-06 02:22:25 +00:00
parent f385ed91b2
commit 2af3d7aada

View File

@ -83,24 +83,35 @@ export default class Dashboard extends React.Component {
</div> </div>
<antd.Menu <antd.Menu
mode="inline" mode="vertical"
selectedKeys={[this.state.activeTab]} selectedKeys={[this.state.activeTab]}
activeKey={this.state.activeTab} activeKey={this.state.activeTab}
onClick={({ key }) => this.handleTabChange(key)} onClick={({ key }) => this.handleTabChange(key)}
> >
{Object.keys(Tabs).map((key) => { {
const tab = Tabs[key] Object.keys(Tabs).map((key) => {
const tab = Tabs[key]
return <antd.Menu.Item return <antd.Menu.Item
key={key} key={key}
icon={createIconRender(tab.icon)} icon={createIconRender(tab.icon)}
> >
{tab.title} {tab.title}
</antd.Menu.Item> </antd.Menu.Item>
})} })
}
</antd.Menu> </antd.Menu>
</div> </div>
</div>
<div
ref={this.primaryPanelRef}
className={classnames("panel", "fade-opacity-active")}
>
{this.renderActiveTab()}
</div>
<div className="panel right">
<div className="card" id="trendings"> <div className="card" id="trendings">
<div className="header"> <div className="header">
<h2> <h2>
@ -108,7 +119,7 @@ export default class Dashboard extends React.Component {
<Translation>{(t) => t("Trendings")}</Translation> <Translation>{(t) => t("Trendings")}</Translation>
</h2> </h2>
</div> </div>
<HashtagTrendings /> <HashtagTrendings />
</div> </div>
@ -125,17 +136,6 @@ export default class Dashboard extends React.Component {
<FeaturedEventsAnnouncements /> <FeaturedEventsAnnouncements />
</div> </div>
<div
ref={this.primaryPanelRef}
className={classnames("panel", "fade-opacity-active")}
>
{this.renderActiveTab()}
</div>
<div className="panel right">
</div>
</div> </div>
} }
} }