部分军团长

src/views/Referral/components/HeaderMain.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components'
 import { Image, Heading } from '@pancakeswap/uikit'
 
 interface HeaderProp {
-  title: string
+  title?: string
 }
 
 const HeadingDiv = styled(Heading)`
@@ -17,7 +17,7 @@ const TipDiv = styled(Image)`
   top: 24px;
   left: 0;
 `
-const HeaderMain: React.FC<HeaderProp> = ({ title }) => {
+const HeaderMain: React.FC<HeaderProp> = ({ title = '' }) => {
   return (
     <HeadingDiv scale="xl" mb="24px" textAlign="center">
       {title}

src/views/Referral/components/Regimental.tsx

@@ -3,9 +3,8 @@ import styled from 'styled-components'
 import { useTranslation } from 'contexts/Localization'
 import { inviteReceive } from 'services/referral'
 import { useReferralCommanderConfigInfo, useReferralRewardInfo } from 'state/referral/hooks'
-import { Text, Image, Button } from '@pancakeswap/uikit'
+import { Text, Image, Button, Heading } from '@pancakeswap/uikit'
 import FlexCom from './FlexCom'
-import HeaderMain from './HeaderMain'
 
 const ButtonDiv = styled(Button)`
   width: 100%;
@@ -71,6 +70,10 @@ const LogoImage = styled.div`
   align-items: center;
   justify-content: center;
 `
+const HeadingDiv = styled(Heading)`
+  padding-top: 30px;
+  position: relative;
+`
 
 const RegimentalCom: React.FC = () => {
   const { t } = useTranslation()
@@ -83,9 +86,12 @@ const RegimentalCom: React.FC = () => {
   return (
     <ContentDiv>
       <MainDiv>
-        <HeaderMain title={t('Regimental recommendation')} />
+        <HeadingDiv scale="xl" mb="24px" textAlign="center">
+          {referralCommanderConfigInfo.properties.name}
+        </HeadingDiv>
         <LogoImage>
-          <Image src="/images/recommend/logo.svg" width={249} height={249} />
+          <Image src={referralCommanderConfigInfo.properties.cover as string} width={249} height={249} />
+          {/* <Image src="/images/recommend/logo.svg" width={249} height={249} /> */}
         </LogoImage>
 
         <>