Skip to content

Conversation

zuchka
Copy link

@zuchka zuchka commented Jun 20, 2025

This change adds a collapsible sidebar feature to the CRM dashboard with the following modifications:

CrmDashboard.tsx:

  • Added state management for sidebar collapse/expand functionality
  • Added toggle handler for sidebar state
  • Passed collapse state and handler to CrmSideMenu component
  • Added smooth transition animation to main content area

CrmSideMenu.tsx:

  • Added props interface to accept collapse state and toggle handler
  • Implemented dynamic drawer width (240px expanded, 64px collapsed)
  • Added toggle button with appropriate icons (Menu/ChevronLeft)
  • Added smooth width transitions for drawer animation
  • Conditionally rendered user info and company selector based on collapse state
  • Exported drawer width constants for reuse

CrmMenuContent.tsx:

  • Added props interface to accept collapse state
  • Implemented tooltip functionality for collapsed menu items
  • Refactored menu item rendering into reusable function
  • Added conditional text display and icon positioning based on collapse state
  • Added Tooltip import from Material-UI

CrmSelectCompany.tsx:

  • Added props interface to accept collapse state
  • Conditionally rendered company names based on collapse state
  • Icons remain visible when collapsed for visual consistency

tag @builderio-bot for anything you want the bot to do

To clone this PR locally use the Github CLI with command gh pr checkout 19

🔗 Edit in Builder.io

cgen-1d8c488b5ce8437ebc54ba94e0501116
cgen-4df1848d3b7046dfb5deda67b59089fd
cgen-9d656f4cf090430d8b562cef9fe6e081
cgen-4db95bff06ad4039aed2e1a96c86e402
cgen-aee4475651194c35b8bcfbce3bd3b007
cgen-4d8e2bd045df46a1989c629ea3b532c8
cgen-5117c70306614884ba2b6df3f7169e0c
cgen-f4b54d3871184c9b8ef20fd399d0466b
cgen-427b6f669ecc40879bf6666e8a6abe2f
cgen-257926baf0914ad892ad68770e2319cb
@builder-io-integration builder-io-integration bot changed the title Builder.io: Update from Visual Editor Add collapsible sidebar to CRM dashboard Jun 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants