RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

added more cards

Browse Source
This commit is contained in:
srgooglo 2022-09-08 19:05:20 +02:00
parent c3d8b47c61
commit 45d646e609
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/app/src/pages/home/index.jsx
View File

@ -4,7 +4,7 @@ import classnames from "classnames"
import { Icons, createIconRender } from "components/Icons"
import { PostCreator, PostsFeed, LivestreamsBrowser } from "components"
import { PostCreator, PostsFeed, LivestreamsBrowser, HashtagTrendings } from "components"
import "./index.less"
@ -81,28 +81,32 @@ export default class Dashboard extends React.Component {
</div>
<div className="panel">
<div className="card">
<div className="card" id="browserType">
<h2><Icons.Compass /> Browse</h2>
<antd.Menu
mode="inline"
selectedKeys={[this.state.activeTab]}
activeKey={this.state.activeTab}
onClick={({ key }) => this.handleTabChange(key)}
>
{Object.keys(Tabs).map((key) => {
const tab = Tabs[key]
return <antd.Menu.Item
key={key}
icon={createIconRender(tab.icon)}
>
{tab.title}
</antd.Menu.Item>
})}
</antd.Menu>
</div>
<div className="card" id="trendings">
<div>
<h2><Icons.Compass /> Browse</h2>
<antd.Menu
mode="inline"
selectedKeys={[this.state.activeTab]}
activeKey={this.state.activeTab}
onClick={({ key }) => this.handleTabChange(key)}
>
{Object.keys(Tabs).map((key) => {
const tab = Tabs[key]
return <antd.Menu.Item
key={key}
icon={createIconRender(tab.icon)}
>
{tab.title}
</antd.Menu.Item>
})}
</antd.Menu>
<h2><Icons.TrendingUp /> Trendings</h2>
<HashtagTrendings />
</div>
</div>
</div>
</div>