From 0b232dbae4ffe98047c54ba25f1562f4808ea304 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Fri, 30 Dec 2022 15:10:23 +0000
Subject: [PATCH] support translation for home component

---
 packages/app/src/pages/home/[type].jsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/pages/home/[type].jsx b/packages/app/src/pages/home/[type].jsx
index 2b3825b4..177347d3 100755
--- a/packages/app/src/pages/home/[type].jsx
+++ b/packages/app/src/pages/home/[type].jsx
@@ -1,6 +1,7 @@
 import React from "react"
 import * as antd from "antd"
 import classnames from "classnames"
+import { Translation } from "react-i18next"
 
 import { Icons, createIconRender } from "components/Icons"
 
@@ -67,7 +68,10 @@ export default class Dashboard extends React.Component {
 
             <div className="panel">
                 <div className="card" id="browserType">
-                    <h2><Icons.Compass /> Browse</h2>
+                    <h2>
+                        <Icons.Compass />
+                        <Translation>{(t) => t("Browser")}</Translation>
+                    </h2>
                     <antd.Menu
                         mode="inline"
                         selectedKeys={[this.state.activeTab]}
@@ -88,12 +92,18 @@ export default class Dashboard extends React.Component {
                 </div>
 
                 <div className="card" id="trendings">
-                    <h2><Icons.TrendingUp /> Trendings</h2>
+                    <h2>
+                        <Icons.TrendingUp />
+                        <Translation>{(t) => t("Trendings")}</Translation>
+                    </h2>
                     <HashtagTrendings />
                 </div>
 
                 <div className="card" id="onlineFriends">
-                    <h2><Icons.Rss /> Online Friends</h2>
+                    <h2>
+                        <Icons.Rss />
+                        <Translation>{(t) => t("Online Friends")}</Translation>
+                    </h2>
                     <div className="content">
                         <ConnectedFriends />
                     </div>