update: 优化邀请分享页错误场景

src/app/invite/page.tsx

@@ -44,29 +44,33 @@ export default function Invite() {
           width="56"
           height="56"
           className="mt-34px object-cover rounded-full"
-          src={userInfo?.avatar ?? ''}
+          src={userInfo?.avatar ?? '/img/share.png'}
           alt=""
           unoptimized
         />
 
         <div className="mt-13px flex flex-col justify-between items-center">
-          <p className="text-17px leading-23.8px">{`${userInfo?.nickName ?? ''}，邀请你加入雀乐`}</p>
+          {!!userInfo?.nickName && <p className="text-17px leading-23.8px">{`${userInfo.nickName}，邀请你加入雀乐`}</p>}
           <p className="w-fit mt-1px text-12px leading-16.8px text-#000/40">一起 记录独立音乐</p>
         </div>
 
         <div className="flex justify-between items-center w-278px h-103px mt-14px pl-30px pr-25px rounded-6px bg-#fff">
-          <Image width="42" height="42" className="rounded-full" src="/img/share.png" alt="" unoptimized />
+          {userInfo?.inviteCode ? (
+            <>
+              <Image width="42" height="42" className="rounded-full" src="/img/share.png" alt="" unoptimized />
 
-          <div>
+              <div>
-            <div>
+                <div className="flex items-center text-17px leading-23.8px">
-              <div className="flex items-center text-17px leading-23.8px">
+                  <div>推荐码</div>
-                <div>推荐码</div>
+                  <div className="w-1px h-14.5px mx-9px bg-#000/10" />
-                <div className="w-1px h-14.5px mx-9px bg-#000/10" />
+                  <div>{userInfo.inviteCode}</div>
-                <div>{userInfo?.inviteCode ?? ''}</div>
+                </div>
+                <p className="text-12px leading-16.8px text-#000/40">填写邀请码，双方均可获得积分</p>
               </div>
-              <p className="text-12px leading-16.8px text-#000/40">填写邀请码，双方均可获得积分</p>
+            </>
-            </div>
+          ) : (
-          </div>
+            <div className="mx-auto text-17px leading-23.8px">推荐码错误</div>
+          )}
         </div>
 
         <DownloadButton className="w-300px mt-33px" />