From 45d646e6097f1a0855d38d87d25a04733c1cce06 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Thu, 8 Sep 2022 19:05:20 +0200
Subject: [PATCH] added more cards

---
 packages/app/src/pages/home/index.jsx | 46 +++++++++++++++------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/packages/app/src/pages/home/index.jsx b/packages/app/src/pages/home/index.jsx
index 251571e7..30cbfeda 100644
--- a/packages/app/src/pages/home/index.jsx
+++ b/packages/app/src/pages/home/index.jsx
@@ -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>