feat: remove avatar for empty field (#8246)

Author: darkskygit

packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx

@@ -232,8 +232,6 @@ const CloudUserAvatar = (props: { type: 'CreatedBy' | 'UpdatedBy' }) => {
     return null;
   }, [cloudDocMeta, props.type]);
 
-  const t = useI18n();
-
   if (!cloudDocMeta) {
     if (isRevalidating) {
       // TODO: loading ui
@@ -253,32 +251,34 @@ const CloudUserAvatar = (props: { type: 'CreatedBy' | 'UpdatedBy' }) => {
       </>
     );
   }
-  return (
-    <>
-      <Avatar name="?" size={20} />
-      <span>
-        {t['com.affine.page-properties.property-user-avatar-no-record']()}
-      </span>
-    </>
-  );
+  return <NoRecordValue />;
 };
 
-export const LocalUserValue = () => {
+const NoRecordValue = () => {
   const t = useI18n();
   return (
-    <span className={styles.propertyRowValueCell}>
-      {t['com.affine.page-properties.local-user']()}
+    <span>
+      {t['com.affine.page-properties.property-user-avatar-no-record']()}
     </span>
   );
 };
 
+const LocalUserValue = () => {
+  const t = useI18n();
+  return <span>{t['com.affine.page-properties.local-user']()}</span>;
+};
+
 export const CreatedUserValue = () => {
   const workspaceService = useService(WorkspaceService);
   const isCloud =
     workspaceService.workspace.flavour === WorkspaceFlavour.AFFINE_CLOUD;
 
   if (!isCloud) {
-    return <LocalUserValue />;
+    return (
+      <div className={styles.propertyRowValueUserCell}>
+        <LocalUserValue />
+      </div>
+    );
   }
 
   return (