调整军团长，董事会,首页

public/locales/zh-CN.json

@@ -1138,5 +1138,8 @@
   "Holder": "持币人",
   "Board": "董事会",
   "Whether to cancel": "是否取消",
-  "Please enter a number": "请输入数字"
+  "Please enter a number": "请输入数字",
+  "my wallet": "我的钱包",
+  "Copy the address": "复制地址",
+  "How to use": "如何使用"
 }

src/config/localization/translations.json

@@ -1265,5 +1265,8 @@
   "Holder": "Holder",
   "Board": "Board",
   "Whether to cancel": "Whether to cancel",
-  "Please enter a number": "Please enter a number"
+  "Please enter a number": "Please enter a number",
+  "my wallet": "my wallet",
+  "Copy the address": "Copy the address",
+  "How to use": "How to use"
 }

src/views/Announcement/components/ListItem.tsx

@@ -6,7 +6,7 @@ import { Text, Flex } from '@pancakeswap/uikit'
 interface InfoProps {
   title?: string
   content?: string
-  publishTime?: number
+  publishTime?: string
   top?: boolean
 }
 
@@ -24,6 +24,24 @@ const FlexTitle = styled(Flex)`
   font-size: 18px;
   color: #333333;
   align-items: center;
+  ${({ theme }) => theme.mediaQueries.xs} {
+    font-size: 14px;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    font-size: 18px;
+  }
+`
+const TextTitle = styled(Text)`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #333333;
+  ${({ theme }) => theme.mediaQueries.xs} {
+    max-width: 100px;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    max-width: 747px;
+  }
 `
 const TextInfo = styled(Text)`
   overflow: hidden;
@@ -34,10 +52,22 @@ const TextInfo = styled(Text)`
   font-size: 14px;
   color: #666666;
   margin-top: 10px;
+  ${({ theme }) => theme.mediaQueries.xs} {
+    font-size: 12px;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    font-size: 14px;
+  }
 `
 const TextTime = styled(Text)`
   font-size: 18px;
   color: #999999;
+  ${({ theme }) => theme.mediaQueries.xs} {
+    font-size: 14px;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    font-size: 18px;
+  }
 `
 const TextTop = styled(Flex)`
   margin-left: 10px;
@@ -59,12 +89,12 @@ const ListItem: React.FC<InfoProps> = ({ title, content, publishTime, top = fals
       <FlexTable>
         <TableInfo>
           <FlexTitle>
-            {title}
+            <TextTitle>{title}</TextTitle>
             {top ? <TextTop>{t('top')}</TextTop> : ''}
           </FlexTitle>
           <TextInfo>{content}</TextInfo>
         </TableInfo>
-        <TextTime color="textSubtle">{publishTime}</TextTime>
+        <TextTime color="textSubtle">{publishTime?.split(' ')[0]}</TextTime>
       </FlexTable>
     </>
   )

src/views/Home/components/CourseCom.tsx

@@ -39,7 +39,10 @@ const FlexMain = styled(Flex)`
 `
 
 const CardDiv = styled(Card)`
-  padding: 20px;
+  padding: 10px 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 `
 
 const CourseCom: React.FC = () => {
@@ -96,11 +99,10 @@ const CourseCom: React.FC = () => {
       <FirstPage>
         <StyledPage px={['16px', '24px']} mx="auto" maxWidth="1200px">
           <FlexMain>
-            <div>
             <Stepper>
               {list.map((item, index) => (
                 <Step key={item.id} index={index} status={index % 2 ? 'past' : 'current'}>
-                    <CardDiv>
+                  <CardDiv style={{ height: '290px' }}>
                     <Heading>{item.title}</Heading>
                     {item.list.map((childItem) => {
                       return (
@@ -113,7 +115,6 @@ const CourseCom: React.FC = () => {
                 </Step>
               ))}
             </Stepper>
-            </div>
           </FlexMain>
         </StyledPage>
       </FirstPage>

src/views/Referral/components/Regimental.tsx

@@ -84,12 +84,14 @@ const RegimentalCom: React.FC = () => {
   const [loading, setLoading] = useState(false)
   const withdraw = useWithdraw()
   const { toastSuccess } = useToast()
+  const [gain, getGain] = useState(true)
   const handleWithdraw = async () => {
     setLoading(true)
     try {
       await withdraw()
       setLoading(false)
       toastSuccess(t('Successfully claimed!'))
+      getGain(false)
     } catch (error) {
       setLoading(false)
     }
@@ -110,9 +112,7 @@ const RegimentalCom: React.FC = () => {
           <FlexCom name={t('total revenue')} value={`${(referralRewardInfo.inviteReward as number) || 0}(HCC)`} />
           <FlexCom
             name={t('revenue')}
-            value={`${
-              ((referralRewardInfo.inviteReward as number) - referralRewardInfo.inviteRewardReceive) as number
-            }(HCC)`}
+            value={`${gain ? referralRewardInfo.inviteReward - referralRewardInfo.inviteRewardReceive || 0 : 0}(HCC)`}
           />
           <FlexCom
             name={t('First stage sharing ratio')}
@@ -126,7 +126,7 @@ const RegimentalCom: React.FC = () => {
 
         <FooterBtn>
           {referralCommanderConfigInfo?.receiveLimit <=
-          referralRewardInfo?.inviteReward - referralRewardInfo?.inviteRewardReceive ? (
+            referralRewardInfo?.inviteReward - referralRewardInfo?.inviteRewardReceive && gain ? (
             <ButtonGet variant="secondary" disabled={loading} onClick={handleWithdraw}>
               {t('Claim now')}
             </ButtonGet>

src/views/Referral/index.tsx

@@ -29,6 +29,12 @@ const ContentUnunited = styled.div`
   background: rgba(255, 255, 255, 0.39);
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
   border-radius: 40px;
+  ${({ theme }) => theme.mediaQueries.xs} {
+    width: 80%;
+  }
+  ${({ theme }) => theme.mediaQueries.lg} {
+    width: 30%;
+  }
 `
 
 const Nft: React.FC = () => {