From 57067b43b32ba0ef20044d5578e7068ea8ff3542 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Fri, 6 Jan 2023 01:25:38 +0800
Subject: [PATCH] feat: avatar

---
 .../workspace-setting/general/general.tsx     | 26 ++++++++++++++++---
 .../workspace-setting/workspace-setting.tsx   |  2 +-
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/components/workspace-setting/general/general.tsx b/packages/app/src/components/workspace-setting/general/general.tsx
index 9142b3854..e6d568dcc 100644
--- a/packages/app/src/components/workspace-setting/general/general.tsx
+++ b/packages/app/src/components/workspace-setting/general/general.tsx
@@ -1,6 +1,6 @@
 import {
   StyledDeleteButtonContainer,
-  StyledSettingAvatar,
+  // StyledSettingAvatar,
   StyledSettingAvatarContent,
   StyledSettingInputContainer,
 } from './style';
@@ -21,7 +21,7 @@ import {
   User,
   Workspace,
 } from '@/hooks/mock-data/mock';
-
+import { stringToColour } from '@/utils';
 export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
   const { currentWorkspace, refreshWorkspacesMeta } = useAppState();
   useEffect(() => {
@@ -79,9 +79,27 @@ export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
     <div>
       <StyledSettingH2 marginTop={56}>Workspace Avatar</StyledSettingH2>
       <StyledSettingAvatarContent>
-        <StyledSettingAvatar alt="workspace avatar" src={''}>
+        {/* <StyledSettingAvatar alt="workspace avatar" src={''}>
           AFFiNE
-        </StyledSettingAvatar>
+        </StyledSettingAvatar> */}
+        <div
+          style={{
+            float: 'left',
+            width: '60px',
+            height: '60px',
+            border: '1px solid #fff',
+            color: '#fff',
+            fontSize: '26px',
+            padding: '5px 0 0 5px;',
+            background: stringToColour(workspace?.name ?? 'AFFiNE'),
+            borderRadius: '50%',
+            textAlign: 'center',
+            lineHeight: '60px',
+            marginRight: '5px',
+          }}
+        >
+          {(workspace?.name ?? 'AFFiNE').substring(0, 1)}
+        </div>
         <Upload
           accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
           fileChange={fileChange}
diff --git a/packages/app/src/components/workspace-setting/workspace-setting.tsx b/packages/app/src/components/workspace-setting/workspace-setting.tsx
index 20870bee3..3bf2ef120 100644
--- a/packages/app/src/components/workspace-setting/workspace-setting.tsx
+++ b/packages/app/src/components/workspace-setting/workspace-setting.tsx
@@ -438,7 +438,7 @@ const SyncPage = ({ workspace }: { workspace: Workspace }) => {
                 <Button
                   onClick={() => {
                     updateWorkspaceMeta(workspace.id, {
-                      workspaceType: 'cloud',
+                      type: 'cloud',
                     });
                     setType();
                   }}