Disable delete when only 1 login method is available

src/ui/components/userDetail/loginMethods/LoginMethods.tsx

@@ -134,6 +134,7 @@ type MethodProps = {
 	updateContext: (val: LoginMethod, ind: number) => void;
 	index: number;
 	showUnlink: boolean;
+	showDelete: boolean;
 };
 
 const Methods: React.FC<MethodProps> = ({
@@ -146,6 +147,7 @@ const Methods: React.FC<MethodProps> = ({
 	updateContext,
 	index,
 	showUnlink,
+	showDelete,
 }) => {
 	const { sendUserEmailVerification: sendUserEmailVerificationApi } = useVerifyUserTokenService();
 	const { showModal, showToast } = useContext(PopupContentContext);
@@ -252,6 +254,7 @@ const Methods: React.FC<MethodProps> = ({
 							onDelete={onDeleteCallback}
 							onUnlink={onUnlinkCallback}
 							showUnlink={showUnlink}
+							showDelete={showDelete}
 						/>
 					)}
 					{isEditing && (
@@ -462,6 +465,7 @@ export const LoginMethods: React.FC<LoginMethodProps> = ({ refetchAllData, refet
 					showUnlink={
 						methods.length > 1 || (userDetail.details.isPrimaryUser === true && methods.length === 1)
 					}
+					showDelete={methods.length > 1}
 				/>
 			))}
 		</LayoutPanel>

src/ui/components/userDetail/loginMethods/components/dropDown.tsx

@@ -7,9 +7,10 @@ type DropDOwnProps = {
 	onUnlink: () => void | null;
 	onDelete: () => void | null;
 	showUnlink: boolean;
+	showDelete: boolean;
 };
 
-export const DropDown = ({ onEdit, onUnlink, onDelete, showUnlink }: DropDOwnProps) => {
+export const DropDown = ({ onEdit, onUnlink, onDelete, showUnlink, showDelete }: DropDOwnProps) => {
 	const [open, setOpen] = useState(false);
 	const [hover, setHover] = useState(false);
 	const ref = useRef(null);
@@ -47,13 +48,15 @@ export const DropDown = ({ onEdit, onUnlink, onDelete, showUnlink }: DropDOwnPro
 						Unlink
 					</div>
 				)}
-				<div onClick={() => close(onDelete)}>
-					<img
-						src={getImageUrl("delete-login-method.png")}
-						alt=""
-					/>{" "}
-					Delete
-				</div>
+				{showDelete && (
+					<div onClick={() => close(onDelete)}>
+						<img
+							src={getImageUrl("delete-login-method.png")}
+							alt=""
+						/>{" "}
+						Delete
+					</div>
+				)}
 			</div>
 		</div>
 	);