diff --git a/public/locales/zh-CN.json b/public/locales/zh-CN.json
index cf5c4f1..ce4b2ca 100644
--- a/public/locales/zh-CN.json
+++ b/public/locales/zh-CN.json
@@ -1127,5 +1127,9 @@
   "capital pool": "资金池",
   "Unclaimed income": "待领取收益",
   "pledge": "质押",
+<<<<<<< HEAD
   "top": "置顶"
+=======
+  "Invite": "邀请"
+>>>>>>> dev
 }
diff --git a/src/App.tsx b/src/App.tsx
index 43bf629..95fbbef 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
 import React, { lazy, useEffect } from 'react'
 import { Router, Redirect, Route, Switch } from 'react-router-dom'
-import { ResetCSS } from '@pancakeswap/uikit'
+import { ResetCSS, ConfigProvider } from '@pancakeswap/uikit'
 import { useDispatch } from 'react-redux'
 import BigNumber from 'bignumber.js'
 import useEagerConnect from 'hooks/useEagerConnect'
@@ -10,6 +10,7 @@ import { initAxios } from 'utils/request'
 import useToast from 'hooks/useToast'
 import { useAccountEventListener } from 'hooks/useAccountEventListener'
 import { fetchUserInfo, clearUserInfo } from 'state/actions'
+import { useTranslation } from 'contexts/Localization'
 import { useAccount } from 'state/userInfo/hooks'
 import GlobalStyle from './style/Global'
 import Menu from './components/Menu'
@@ -70,6 +71,7 @@ const App: React.FC = () => {
   const dispatch = useDispatch()
   const toast = useToast()
   const account = useAccount()
+  const { t } = useTranslation()
 
   useEffect(() => {
     initAxios(() => {
@@ -81,37 +83,38 @@ const App: React.FC = () => {
   }, [account])
 
   return (
-    <Router history={history}>
-      <ResetCSS />
-      <GlobalStyle />
-      <Menu>
-        <SuspenseWithChunkError fallback={<PageLoader />}>
-          <Switch>
-            <Route path="/" exact>
-              <Home />
-            </Route>
-            <Route exact path="/farms/auction">
-              <FarmAuction />
-            </Route>
-            <Route path="/farms">
-              <Farms />
-            </Route>
-            <Route path="/pools">
-              <Pools />
-            </Route>
-            <Route path="/referral">
-              <Referral />
-            </Route>
-            <Route path="/board">
-              <Board />
-            </Route>
-            <Route path="/nft">
-              <Nft />
-            </Route>
-            <Route path="/announcement">
-              <Announcement />
-            </Route>
-            {/* <Route path="/lottery">
+    <ConfigProvider t={t}>
+      <Router history={history}>
+        <ResetCSS />
+        <GlobalStyle />
+        <Menu>
+          <SuspenseWithChunkError fallback={<PageLoader />}>
+            <Switch>
+              <Route path="/" exact>
+                <Home />
+              </Route>
+              <Route exact path="/farms/auction">
+                <FarmAuction />
+              </Route>
+              <Route path="/farms">
+                <Farms />
+              </Route>
+              <Route path="/pools">
+                <Pools />
+              </Route>
+              <Route path="/referral">
+                <Referral />
+              </Route>
+              <Route path="/board">
+                <Board />
+              </Route>
+              <Route path="/nft">
+                <Nft />
+              </Route>
+              <Route path="/announcement">
+                <Announcement />
+              </Route>
+              {/* <Route path="/lottery">
               <Lottery />
             </Route>
             <Route path="/ifo">
@@ -146,7 +149,7 @@ const App: React.FC = () => {
             </Route>
 
             {/* Using this format because these components use routes injected props. We need to rework them with hooks */}
-            {/* <Route exact strict path="/swap" component={Swap} />
+              {/* <Route exact strict path="/swap" component={Swap} />
             <Route exact strict path="/swap/:outputCurrency" component={RedirectToSwap} />
             <Route exact strict path="/send" component={RedirectPathToSwapOnly} />
             <Route exact strict path="/find" component={PoolFinder} />
@@ -163,8 +166,8 @@ const App: React.FC = () => {
             <Route exact strict path="/nft" component={Nft} />
             <Route exact strict path="/announcement" component={Announcement} /> */}
 
-            {/* Redirect */}
-            {/* <Route path="/staking">
+              {/* Redirect */}
+              {/* <Route path="/staking">
               <Redirect to="/pools" />
             </Route>
             <Route path="/syrup">
@@ -174,15 +177,16 @@ const App: React.FC = () => {
               <Redirect to="/collectibles" />
             </Route> */}
 
-            {/* 404 */}
-            <Route component={NotFound} />
-          </Switch>
-        </SuspenseWithChunkError>
-      </Menu>
-      <EasterEgg iterations={2} />
-      <ToastListener />
-      <DatePickerPortal />
-    </Router>
+              {/* 404 */}
+              <Route component={NotFound} />
+            </Switch>
+          </SuspenseWithChunkError>
+        </Menu>
+        <EasterEgg iterations={2} />
+        <ToastListener />
+        <DatePickerPortal />
+      </Router>
+    </ConfigProvider>
   )
 }
 
diff --git a/src/views/Board/components/BoardCard/BoardCard.tsx b/src/views/Board/components/BoardCard/BoardCard.tsx
index 0c31be0..452ca0c 100644
--- a/src/views/Board/components/BoardCard/BoardCard.tsx
+++ b/src/views/Board/components/BoardCard/BoardCard.tsx
@@ -123,16 +123,18 @@ const BoardCard: React.FC<NodeCardProps> = ({ board, account }) => {
   return (
     <FCard>
       <CardHeading name={t(board.name)} img={board.img} tokenSymbol={board.tokenSymbol} />
-
-      <CardDiv>
+      {account && (
         <div>
           <FlexText name={t('HCC Currency amount')} value={board.userData?.amount} />
-          {board.userData?.name === 'Board' ? <FlexText name={t('Lock up time')} value={countDown} /> : ''}
+          {board.userData?.name === 'Board' ? (
+            <FlexText name={t('Lock up time')} value={board.userData?.unlockTime} />
+          ) : (
+            ''
+          )}
           <FlexText name={t('possess LP')} value={board.userData?.rewardDebt} />
         </div>
-        <CardActionsContainer board={board} account={account} />
-      </CardDiv>
-
+      )}
+      <CardActionsContainer board={board} account={account} />
       {/* <Divider />
       <ExpandableSectionButton
         onClick={() => setShowExpandableSection(!showExpandableSection)}