Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-24 01:42:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: create public component for workspace avatar

Browse Source
This commit is contained in:
tzhangchi
2023-01-06 09:44:42 +08:00
parent 74900b1341
commit 6891e586bc
5 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/app/src/components/workspace-setting/general/general.tsx
View File

@@ -21,7 +21,7 @@ import {
User,
Workspace,
} from '@/hooks/mock-data/mock';
import { stringToColour } from '@/utils';
import { WorkspaceAvatar } from '@/components/workspace-avatar';
export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
const { currentWorkspace, refreshWorkspacesMeta } = useAppState();
useEffect(() => {
@@ -85,19 +85,11 @@ export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
<div
style={{
float: 'left',
width: '60px',
height: '60px',
border: '1px solid #fff',
color: '#fff',
fontSize: '26px',
background: stringToColour(workspace?.name ?? 'AFFiNE'),
borderRadius: '50%',
textAlign: 'center',
lineHeight: '60px',
marginRight: '5px',
}}
>
{(workspace?.name ?? 'AFFiNE').substring(0, 1)}
<WorkspaceAvatar size={60} name={workspace.name} />
</div>
<Upload
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"