公告

public/locales/zh-CN.json

@@ -1115,5 +1115,6 @@
   "Number of holders":"持有人数量",
   "total revenue":"总收益",
   "revenue":"收益",
-  "purchase":"购买"
+  "purchase":"购买",
+  "Enter a keyword search":"输入关键字搜索"
 }

src/config/localization/translations.json

@@ -1242,5 +1242,6 @@
   "Number of holders":"Number of holders",
   "total revenue":"total revenue",
   "revenue":"revenue",
-  "purchase":"purchase"
+  "purchase":"purchase",
+  "Enter a keyword search":"Enter a keyword search"
 }

src/views/Announcement/index.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useMemo, useRef } from 'react'
 import styled from 'styled-components'
+import { useTranslation } from 'contexts/Localization'
 import { getAnnouncementPage, getAnnouncementDetail } from 'services/announcement'
 import { Text, Flex, Image, Input, Heading } from '@pancakeswap/uikit'
 import ListItem from './components/ListItem'
@@ -113,6 +114,9 @@ const TextInfo = styled(Text)`
 `
 
 const Announcement: React.FC = () => {
+  const { t } = useTranslation()
+  const loadMoreRef = useRef<HTMLDivElement>(null)
+
   const [detailVisible, setDetailVisible] = useState(false)
   const [list, setList] = useState([])
   const [detailData, setDetailData] = useState<DetailProps>({ title: '', publishTime: 0, content: '' })
@@ -136,6 +140,19 @@ const Announcement: React.FC = () => {
   const close = () => {
     setDetailVisible(false)
   }
+
+  const renderContent = (): JSX.Element => {
+    return (
+      <div>
+        {list.map((item) => (
+          <Text key={item.id} onClick={() => lookDetail(item.id)}>
+            <ListItem title={item.title} publishTime={item.publishTime} content={item.content} />
+          </Text>
+        ))}
+      </div>
+    )
+  }
+
   return (
     <MainDiv>
       {detailVisible ? (
@@ -149,18 +166,20 @@ const Announcement: React.FC = () => {
         <TableDiv>
           <SearchDiv>
             <InputMain>
-              <SearchInput placeholder="输入关键字搜索" />
+              <SearchInput placeholder={t('Enter a keyword search')} />
               <SearchBtn onClick={searchList}>
                 <Image src="/images/announcement/search-icon.svg" alt="" width={16} height={16} />
               </SearchBtn>
             </InputMain>
           </SearchDiv>
           <ListMain>
-            {list.map((item) => (
+            {renderContent()}
+            <div ref={loadMoreRef} />
+            {/* {list.map((item) => (
               <Text key={item.id} onClick={() => lookDetail(item.id)}>
                 <ListItem title={item.title} publishTime={item.publishTime} content={item.content} />
               </Text>
-            ))}
+            ))} */}
           </ListMain>
         </TableDiv>
       )}