feat: modify default avatar

[QiShaoXuan]

close #1999

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
affine-preview	✅ Ready (Inspect)	Visit Preview		Apr 20, 2023 9:02am
affine-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 20, 2023 9:02am

[codecov]

Codecov Report

Patch coverage: 86.95% and project coverage change: -0.25 ⚠️

Comparison is base (227f59c) 76.29% compared to head (963a075) 76.05%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #2034      +/-   ##
==========================================
- Coverage   76.29%   76.05%   -0.25%     
==========================================
  Files         292      294       +2     
  Lines        5843     5892      +49     
  Branches     1070     1072       +2     
==========================================
+ Hits         4458     4481      +23     
- Misses       1144     1169      +25     
- Partials      241      242       +1     

Flag	Coverage Δ
e2etest	74.03% <92.85%> (-0.27%)	⬇️
server-test	90.78% <ø> (ø)
storybook-test	50.28% <62.50%> (-0.35%)	⬇️
unittest	45.26% <76.19%> (-0.19%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...ne/workspace-setting-detail/panel/general/style.ts	88.88% <ø> (ø)
...omponent/src/components/workspace-avatar/index.tsx	90.90% <ø> (-4.10%)	⬇️
.../src/components/workspace-avatar/DefaultAvatar.tsx	81.25% <81.25%> (ø)
...onent/src/components/workspace-avatar/index.css.ts	100.00% <100.00%> (ø)

... and 18 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	963a075
Status:	✅  Deploy successful!
Preview URL:	https://15cbd38b.affine.pages.dev
Branch Preview URL:	https://feat-avatar.affine.pages.dev

View logs

[perfsee]

affine-toeverything

Bundle main

diff ------------------- Bundle Size Diff -------------------------

@@                       EntryPoint: main                        @@
##                     master    feat/avatar                 +/- ##
===================================================================
> Bundle               4.3 MB        4.28 MB    -19.8 kB(-0.46%)   
< Initial JS          1.79 MB         1.9 MB     +106 kB(+5.92%)   
< Initial CSS         3.13 kB        4.72 kB   +1.59 kB(+50.91%)   
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
> Assets                   43             41                  -2   
> Chunks                   41             39                  -2   
< Packages                160            162                  +2   
= Duplicates                5              5                       
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Warnings ~~~~~~~~~~~~~~~~~~~~~~~~~~~#
! Deduplicate versions of libraries                                
! Separate mixed content assets files                              
! Avoid non-minified assets                                        
! Avoid cache wasting                                              

@@                    EntryPoint: pages/_app                     @@
##                     master    feat/avatar                 +/- ##
===================================================================
> Bundle              4.19 MB        4.17 MB    -19.7 kB(-0.47%)   
< Initial JS          1.68 MB        1.79 MB     +106 kB(+6.30%)   
< Initial CSS         3.13 kB        4.72 kB   +1.59 kB(+50.91%)   
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
> Assets                   41             39                  -2   
> Chunks                   39             37                  -2   
< Packages                160            162                  +2   
= Duplicates                5              5                       
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Warnings ~~~~~~~~~~~~~~~~~~~~~~~~~~~#
! Deduplicate versions of libraries                                
! Separate mixed content assets files                              
! Avoid non-minified assets                                        
! Avoid cache wasting                                              

@@                   EntryPoint: pages/_error                    @@
##                     master    feat/avatar                 +/- ##
===================================================================
= Bundle              16.7 kB        16.7 kB                       
= Initial JS          16.7 kB        16.7 kB                       
= Initial CSS             0 B            0 B                       
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
= Assets                    2              2                       
= Chunks                    2              2                       
= Packages                  5              5                       
= Duplicates                0              0                       

...and more

[himself65]

The code itself is LGTM. But when I hover the mouse over the avatar, it will flash.

/cc @hwangdev97

Preview: https://affine-storybook-git-feat-avatar-toeverything.vercel.app/?path=/story/affine-workspaceavatar--basic

Feishu20230419-131908.mp4