fix: Addressed CC comment

resolves #1109

Author: bmingles

packages/components/src/BasicModal.test.tsx

@@ -31,10 +31,15 @@ it('focuses default button on first render after opening', () => {
   expect(getByTestId(`${DEFAULT_TEST_ID}-btn-confirm`)).toHaveFocus();
 });
 
-it('focuses cancel button on first render if isConfirmDanger is true', () => {
-  const { getByTestId } = makeWrapper({ isConfirmDanger: true });
-  expect(getByTestId(`${DEFAULT_TEST_ID}-btn-cancel`)).toHaveFocus();
-});
+it.each([true, false])(
+  'sets button style based on isConfirmDanger value: %s',
+  isConfirmDanger => {
+    const { getByTestId } = makeWrapper({ isConfirmDanger });
+    expect(getByTestId(`${DEFAULT_TEST_ID}-btn-confirm`)).toHaveClass(
+      isConfirmDanger ? 'btn-danger' : 'btn-primary'
+    );
+  }
+);
 
 it('does not re-focus default button on re-render', async () => {
   const user = userEvent.setup();

packages/components/src/BasicModal.tsx

@@ -50,7 +50,6 @@ function BasicModal(props: BasicModalProps) {
     'data-testid': dataTestId,
   } = props;
 
-  const cancelButton = useRef<HTMLButtonElement>(null);
   const confirmButton = useRef<HTMLButtonElement>(null);
 
   const disableModalCheckbox = useRef<HTMLInputElement>(null);
@@ -67,12 +66,8 @@ function BasicModal(props: BasicModalProps) {
   }, [onConfirm, onModalDisable]);
 
   const onOpened = useCallback(() => {
-    if (isConfirmDanger) {
-      cancelButton.current?.focus();
-    } else {
-      confirmButton.current?.focus();
-    }
-  }, [isConfirmDanger]);
+    confirmButton.current?.focus();
+  }, []);
 
   let modalBody = '';
   if (isOpen) {
@@ -124,7 +119,6 @@ function BasicModal(props: BasicModalProps) {
             kind="secondary"
             data-dismiss="modal"
             onClick={onCancel}
-            ref={cancelButton}
             data-testid={
               dataTestId !== undefined ? `${dataTestId}-btn-cancel` : undefined
             }