diff --git a/packages/frontend/src/Index.tsx b/packages/frontend/src/Index.tsx index 17aa098..20a6736 100644 --- a/packages/frontend/src/Index.tsx +++ b/packages/frontend/src/Index.tsx @@ -219,6 +219,7 @@ function Index() { onCreateOrganisation={async (organisationId) => { await refetchOrganisations({ selectOrganisationId: organisationId }); }} + showLabel /> {/* project selection - only shown when organisation is selected */} @@ -238,6 +239,7 @@ function Index() { selectProjectId: projectId, }); }} + showLabel /> )} {selectedOrganisation && selectedProject && ( diff --git a/packages/frontend/src/components/organisation-select.tsx b/packages/frontend/src/components/organisation-select.tsx index c1b8efd..5bdc98e 100644 --- a/packages/frontend/src/components/organisation-select.tsx +++ b/packages/frontend/src/components/organisation-select.tsx @@ -20,6 +20,8 @@ export function OrganisationSelect({ onCreateOrganisation, placeholder = "Select Organisation", contentClass, + showLabel = false, + label = "Organisation", labelPosition = "top", }: { organisations: OrganisationResponse[]; @@ -28,6 +30,8 @@ export function OrganisationSelect({ onCreateOrganisation?: (organisationId: number) => void | Promise; placeholder?: string; contentClass?: string; + showLabel?: boolean; + label?: string; labelPosition?: "top" | "bottom"; }) { const [open, setOpen] = useState(false); @@ -48,7 +52,7 @@ export function OrganisationSelect({ diff --git a/packages/frontend/src/components/project-select.tsx b/packages/frontend/src/components/project-select.tsx index d51acda..6649f66 100644 --- a/packages/frontend/src/components/project-select.tsx +++ b/packages/frontend/src/components/project-select.tsx @@ -20,6 +20,8 @@ export function ProjectSelect({ onSelectedProjectChange, onCreateProject, placeholder = "Select Project", + showLabel = false, + label = "Project", labelPosition = "top", }: { projects: ProjectResponse[]; @@ -28,6 +30,8 @@ export function ProjectSelect({ onSelectedProjectChange: (project: ProjectResponse | null) => void; onCreateProject?: (projectId: number) => void | Promise; placeholder?: string; + showLabel?: boolean; + label?: string; labelPosition?: "top" | "bottom"; }) { const [open, setOpen] = useState(false); @@ -48,7 +52,7 @@ export function ProjectSelect({