feat(core): refactor sidebar header

[CatsJuice]

• Add user avatar
• Move sign-out/user settings link from workspace-modal to user avatar modal
• Modify the style of workspace list items
• Modify gap of navigation buttons
• Animate Syncing/Offline/...

[graphite-app]

Your org has enabled the Graphite merge queue for merging into canary

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

You can enable merging using labels in your Graphite merge queue settings.

[CatsJuice]

• feat(core): refactor sidebar header #6251 👈
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @CatsJuice and the rest of your teammates on Graphite

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 0731872. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx test:coverage @affine/monorepo
• nx build @affine/storage -- --target x86_64-unknown-linux-gnu --use-napi-cross
• nx build @affine/native -- --target x86_64-pc-windows-msvc --use-napi-cross
• nx build @affine/native -- --target aarch64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target x86_64-apple-darwin --use-napi-cross
• nx build @affine/native -- --target x86_64-unknown-linux-gnu --use-napi-cross

---

Sent with 💌 from NxCloud.

[codecov]

Codecov Report

Attention: Patch coverage is 66.66667% with 9 lines in your changes are missing coverage. Please review.

Project coverage is 62.39%. Comparing base (d8a3cd5) to head (0731872).

Files	Patch %	Lines
...pure/workspace-slider-bar/workspace-card/index.tsx	20.00%	8 Missing ⚠️
...onent/src/components/card/workspace-card/index.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           canary    #6251      +/-   ##
==========================================
+ Coverage   62.33%   62.39%   +0.05%     
==========================================
  Files         510      510              
  Lines       23550    23531      -19     
  Branches     2217     2215       -2     
==========================================
  Hits        14681    14681              
+ Misses       8608     8589      -19     
  Partials      261      261              

Flag	Coverage Δ
server-test	73.82% <ø> (ø)
unittest	38.78% <66.66%> (+0.09%)	⬆️

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[JimmFly]

Do we require a larger clickable area?
For instance, transitioning from a red zone to a green zone.

[CatsJuice]

Do we require a larger clickable area? For instance, transitioning from a red zone to a green zone.

Actually, I think so too, but this is how it's designed now. cc @zanwei

[pengx17]

The clicking area is determined by workspace name length, which is weird.

[pengx17]

This thing rotates on reload. Is this expected?

Kapture.2024-03-25.at.15.05.37.mp4

[pengx17]

Looks like we no longer requires emotion after this pr. Maybe we can finally remove it completely

[CatsJuice]

This thing rotates on reload. Is this expected?

Kapture.2024-03-25.at.15.05.37.mp4

Oh, not expected. Local workspace shouldn't have sync status.

[CatsJuice]

Looks like we no longer requires emotion after this pr. Maybe we can finally remove it completely

I'm afraid there still be a lot of styled used

[zanwei]

Feedback received. We might need to change the click area to full width. Th

cc @CatsJuice

[graphite-app]

Merge activity

• Mar 26, 1:59 AM EDT: Brooooooklyn added this pull request to the Graphite merge queue.
• Mar 26, 2:23 AM EDT: Brooooooklyn merged this pull request with the Graphite merge queue.

[zanwei]

One more thing needs to be change that adjust the portrait size from 20px to 24px, thanks!

cc @CatsJuice