Update AddOrgMemberModal.tsx

This commit is contained in:
Daniel Hougaard
2024-08-23 02:25:15 +04:00
parent d8bbfacae0
commit a6a2e2bae0
@@ -236,13 +236,12 @@ export const AddOrgMemberModal = ({
> >
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
{filteredProjects && filteredProjects.length > 0 ? ( {projects && projects.length > 0 ? (
<div className="inline-flex w-full cursor-pointer items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200"> <div className="inline-flex w-full cursor-pointer items-center justify-between rounded-md border border-mineshaft-600 bg-mineshaft-900 px-3 py-2 font-inter text-sm font-normal text-bunker-200 outline-none data-[placeholder]:text-mineshaft-200">
{/* eslint-disable-next-line no-nested-ternary */} {/* eslint-disable-next-line no-nested-ternary */}
{selectedProjectIds.length === 1 {selectedProjectIds.length === 1
? filteredProjects.find( ? projects.find((project) => project.id === selectedProjectIds[0])
(project) => project.id === selectedProjectIds[0] ?.name
)?.name
: selectedProjectIds.length === 0 : selectedProjectIds.length === 0
? "No projects selected" ? "No projects selected"
: `${selectedProjectIds.length} projects selected`} : `${selectedProjectIds.length} projects selected`}
@@ -258,14 +257,14 @@ export const AddOrgMemberModal = ({
align="start" align="start"
className="thin-scrollbar z-[100] max-h-80" className="thin-scrollbar z-[100] max-h-80"
> >
{filteredProjects && filteredProjects.length > 0 ? ( {projects && projects.length > 0 ? (
filteredProjects.map((project) => { projects.map((project) => {
const isSelected = selectedProjectIds.includes(String(project.id)); const isSelected = selectedProjectIds.includes(String(project.id));
return ( return (
<DropdownMenuItem <DropdownMenuItem
onSelect={(event) => onSelect={(event) =>
filteredProjects.length > 0 && event.preventDefault() projects.length > 1 && event.preventDefault()
} }
onClick={() => { onClick={() => {
if (selectedProjectIds.includes(String(project.id))) { if (selectedProjectIds.includes(String(project.id))) {