From b1c951cb06a20e5457d89356194ad65b60c87c93 Mon Sep 17 00:00:00 2001
From: myf <>
Date: Sun, 24 Apr 2022 21:13:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E5=86=9B=E5=9B=A2=E9=95=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Referral/components/HeaderMain.tsx |  4 ++--
 src/views/Referral/components/Regimental.tsx | 14 ++++++++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/views/Referral/components/HeaderMain.tsx b/src/views/Referral/components/HeaderMain.tsx
index 43119fa..32276aa 100644
--- a/src/views/Referral/components/HeaderMain.tsx
+++ b/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}
diff --git a/src/views/Referral/components/Regimental.tsx b/src/views/Referral/components/Regimental.tsx
index db18e9d..e13d452 100644
--- a/src/views/Referral/components/Regimental.tsx
+++ b/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>
 
         <>