refactor

Author: lucasgoral

src/components/Members/EditMembers.tsx

@@ -16,12 +16,14 @@ export interface EditMembersProps {
   members: Member[];
   onMemberChanged: (members: Member[]) => void;
   isValidationError?: boolean;
+  requireAtLeastOneMember?: boolean;
 }
 
 export const EditMembers: FC<EditMembersProps> = ({
   members,
   onMemberChanged,
   isValidationError = false,
+  requireAtLeastOneMember = true,
 }) => {
   const emailInputRef = useRef<InputDomRef>(null);
   const [emailState, setEmailState] = useState<ValueState>('None');
@@ -92,6 +94,7 @@ export const EditMembers: FC<EditMembersProps> = ({
         </Button>
       </FlexBox>
       <MemberTable
+        requireAtLeastOneMember={requireAtLeastOneMember}
         members={members}
         isValidationError={isValidationError}
         onDeleteMember={handleRemoveMember}

src/components/Members/MemberTable.tsx

@@ -17,6 +17,7 @@ type MemberTableProps = {
   members: Member[];
   onDeleteMember?: (email: string) => void;
   isValidationError?: boolean;
+  requireAtLeastOneMember: boolean;
 };
 
 type CellInstance = {
@@ -31,6 +32,7 @@ export const MemberTable: FC<MemberTableProps> = ({
   members,
   onDeleteMember,
   isValidationError = false,
+  requireAtLeastOneMember,
 }) => {
   const { t } = useTranslation();
 
@@ -62,7 +64,7 @@ export const MemberTable: FC<MemberTableProps> = ({
     });
   }
 
-  if (members.length === 0) {
+  if (requireAtLeastOneMember && members.length === 0) {
     return (
       <Infobox
         size="sm"

src/components/Wizards/CreateManagedControlPlaneWizardContainer.tsx

@@ -286,6 +286,7 @@ export const CreateManagedControlPlaneWizardContainer: FC<
               <EditMembers
                 members={watch('members')}
                 isValidationError={!!errors.members}
+                requireAtLeastOneMember={false}
                 onMemberChanged={setMembers}
               />
             </FormGroup>