mobile: use the desktop sidebar's cloud glyph for the cloud scope

Merged
SA
1mo ago
+21-8

Summary

Mobile drew Lucide's cloud for the Cloud scope; the desktop sidebar draws Tabler's. Mobile now draws the same Tabler glyph in the home scope chip, the filter sheet, the scope picker, and the cloud provisioning screen.

react-icons is DOM-only and @tabler/icons-react-native would ship its whole barrel through Metro for one glyph, so the path is built with createLucideIcon and slots into the existing Icon wrapper.

Test plan

  • biome clean on apps/mobile/screens
  • tsc --noEmit reports no errors in the touched files (the remaining errors are pre-existing and unrelated)
  • not simulator-verified; the path is copied verbatim from the react-icons Tabler build desktop imports

🤖 Generated with Claude Code

Summary by cubic

Aligns mobile's cloud scope icon with the Tabler cloud glyph the desktop sidebar draws, so the same workspace reads the same on both surfaces. The new glyph appears in the home scope chip, the filter sheet, the scope picker, and the cloud provisioning screen, replacing Lucide's cloud.

The shared CloudIcon is built with createLucideIcon so it keeps working with the existing Icon wrapper, avoiding @tabler/icons-react-native, which would ship its whole barrel through Metro for a single glyph.

Summary by CodeRabbit

  • Style
    • Standardized the cloud icon across filtering, scope navigation, and workspace provisioning screens.