SelectProjectDialog

Overview of SelectProjectDialog component

SelectProjectDialog is a modal component that lets users choose a project from a dropdown list after login. Used when project context is required.

Props

Prop	Type	Description
visible	boolean	Controls the dialog visibility.
projects	array	List of project options (each item should have name).
selectedProject	object	Currently selected project.
onProjectChange	function	Callback for when a project is selected.
handleProceedOnProjectSelection	function	Called when the user clicks "Proceed".
onClose	function	Callback to close the dialog.

Behavior

• Dropdown for project selection.
• Proceed button triggers callback with selected project.

Example Usage

<SelectProjectDialog
  visible={showProjectDialog}
  onClose={() => setShowProjectDialog(false)}
  projects={projects}
  selectedProject={selectedProject}
  onProjectChange={(e) => setSelectedProject(e)}
  handleProceedOnProjectSelection={handleProceedOnProjectSelection}
/>