From 7ded1b59144a748d278e49c21c0961ad7fee298b Mon Sep 17 00:00:00 2001
From: Mmx233 <admin@mmxblog.com>
Date: Fri, 10 Nov 2023 13:35:09 +0800
Subject: [PATCH] =?UTF-8?q?improve:=20=E4=BC=98=E5=8C=96=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E8=B5=84=E6=96=99=E4=BF=A1=E6=81=AF=E7=BB=84=E4=BB=B6=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E9=AA=A8=E6=9E=B6=E7=9A=84=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/User/pages/Profile/index.tsx | 48 +++++++++++-----------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/web/src/pages/User/pages/Profile/index.tsx b/web/src/pages/User/pages/Profile/index.tsx
index 6a35f04f..daaf9858 100644
--- a/web/src/pages/User/pages/Profile/index.tsx
+++ b/web/src/pages/User/pages/Profile/index.tsx
@@ -78,44 +78,46 @@ export const Profile: FC = () => {
 
   return (
     <Container>
-      <Stack flexDirection={"row"} mt={"3rem"} mb={"2.3rem"}>
+      <Stack
+        flexDirection={"row"}
+        mt={"3rem"}
+        mb={"2.3rem"}
+        sx={{
+          "& .MuiAvatar-root": {
+            height: 90,
+            width: 90,
+          },
+        }}
+      >
         {profile ? (
           <Avatar
             component={Paper}
             elevation={6}
             src={profile.user.avatar_url}
-            sx={{
-              height: 90,
-              width: 90,
-            }}
           />
         ) : (
-          <Skeleton variant={"circular"} height={90} width={103} />
+          <Skeleton variant={"circular"}>
+            <Avatar />
+          </Skeleton>
         )}
         <Stack ml={3} width={"100%"} justifyContent={"space-between"}>
-          {profile ? (
-            <Typography
-              variant={"h5"}
-              sx={{
-                fontWeight: 600,
-              }}
-            >
-              {profile.user.name}
-            </Typography>
-          ) : (
-            <Skeleton width={75} />
-          )}
+          <Typography
+            variant={"h5"}
+            sx={{
+              fontWeight: 600,
+            }}
+          >
+            {profile ? profile.user.name : <Skeleton width={75} />}
+          </Typography>
           <Stack>
             <Typography variant={"body2"} color={"text.secondary"}>
               当前身份状态
             </Typography>
             <Stack flexDirection={"row"} mt={0.5}>
               <PermIdentity sx={{ marginRight: 1 }} />
-              {profile ? (
-                <Typography>{`${userGroups}组成员`}</Typography>
-              ) : (
-                <Skeleton width={120} />
-              )}
+              <Typography>
+                {profile ? `${userGroups}组成员` : <Skeleton width={120} />}
+              </Typography>
             </Stack>
           </Stack>
         </Stack>