Skip to content

Revise main UI to a File Explorer experience

Edouard Legoupil requested to merge feature/file-explorer-ui-1572354777274058894 into main_dev

Created by: Edouard-Legoupil

The main application UI has been reorganized into a modern 'file explorer' layout. A persistent, toggleable left sidebar now manages navigation through hierarchical folders and subfolders. These folders map directly to the application's core entities and their respective filters (e.g., proposal status).

Key features include:

  1. Sidebar Navigation: Collapsible folders for Proposals and Knowledge Cards, with sub-items for filtering.
  2. Deep Linking: The URL now reflects the active folder/filter state, allowing for bookmarking and browser history support.
  3. View Options: A new toggle allows users to switch between the traditional card-based 'Vignette' view and a new sortable 'Table' view.
  4. Consistency: The sidebar layout is applied across all major screens (Dashboard, Chat, Review, Knowledge Card).
  5. Modernization: Improved UI/UX using FontAwesome icons and a cleaner, folder-based information hierarchy.

Technical changes involve:

  • Creation of Sidebar.jsx and Sidebar.css.
  • Refactoring Base.jsx to include the sidebar and toggle logic.
  • Updating App.jsx with nested routing.
  • Refactoring Dashboard.jsx to respond to route parameters and implement the new Table view.
  • Updating Chat.jsx to support ID-based routing.
  • Updating CSS across several components to ensure a cohesive look and feel.

PR created automatically by Jules for task 1572354777274058894 started by @Edouard-Legoupil

Merge request reports