From 85ca2685e57b2100bc3d41526e69543f29af741f Mon Sep 17 00:00:00 2001
From: heheer <71265218+newfish-cmyk@users.noreply.github.com>
Date: Mon, 17 Jul 2023 16:21:45 +0800
Subject: [PATCH] fix(web): fix display issue when username does not exist
 (#1411)

---
 .../Mods/TemplateInfo/index.tsx               | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/web/src/pages/functionTemplate/Mods/TemplateInfo/index.tsx b/web/src/pages/functionTemplate/Mods/TemplateInfo/index.tsx
index aaf2c6a791..5698b306da 100644
--- a/web/src/pages/functionTemplate/Mods/TemplateInfo/index.tsx
+++ b/web/src/pages/functionTemplate/Mods/TemplateInfo/index.tsx
@@ -22,31 +22,33 @@ const TemplateInfo = (props: { functionTemplate: TFunctionTemplate; usedBy: any[
     <div>
       <UseTemplate template={functionTemplate} />
       <div>
-        <Box className="border-b-[1px]">
-          <span className="text-xl font-semibold">{t("Template.DeveloperInfo")}</span>
-          <Box className="flex max-h-40 overflow-auto py-5">
-            <Avatar
-              width={12}
-              height={12}
-              border={"2px solid #DEE0E2"}
-              src={getAvatarUrl(functionTemplate?.uid)}
-              name={functionTemplate.user.username}
-              backgroundColor={"primary.500"}
-            />
-            <div className="ml-3 flex flex-col">
-              <span className="text-lg font-semibold text-grayModern-900">
-                {functionTemplate.user.username}
-              </span>
-              <Tooltip label={t("Developing")}>
-                <span className="space-x-1 text-grayModern-400">
-                  <WechatIcon />
-                  <GithubIcon />
-                  <PhoneIcon />
+        {functionTemplate.user?.username && (
+          <Box className="border-b-[1px]">
+            <span className="text-xl font-semibold">{t("Template.DeveloperInfo")}</span>
+            <Box className="flex max-h-40 overflow-auto py-5">
+              <Avatar
+                width={12}
+                height={12}
+                border={"2px solid #DEE0E2"}
+                src={getAvatarUrl(functionTemplate?.uid)}
+                name={functionTemplate.user?.username}
+                backgroundColor={"primary.500"}
+              />
+              <div className="ml-3 flex flex-col">
+                <span className="text-lg font-semibold text-grayModern-900">
+                  {functionTemplate.user?.username}
                 </span>
-              </Tooltip>
-            </div>
+                <Tooltip label={t("Developing")}>
+                  <span className="space-x-1 text-grayModern-400">
+                    <WechatIcon />
+                    <GithubIcon />
+                    <PhoneIcon />
+                  </span>
+                </Tooltip>
+              </div>
+            </Box>
           </Box>
-        </Box>
+        )}
         <Box className="border-b-[1px] pt-5">
           <span className="text-xl font-semibold">{t("Template.Function")}</span>
           <Box className="max-h-40 overflow-auto py-2">