Dynamics Community Forum Thread Details

On checkout page I need to disable save button when there is no option has been chosen

I want to access the code for save button on delivery options. but as I understood the savebutton as props is not important cause I removed the props and save button is still there. it means it would be rendered by it's parent component. I do not know how to find parent component for "Checkout-delivery-option-view".

const CheckoutDeliveryOptionsView: React.FC<ICheckoutDeliveryOptionsViewProps> = props => {
    const {
        CheckoutDeliveryOptions,
        checkoutErrorRef,
        viewState,
        deliveryOptions,
        deliveryOptionSelected,
        alert,
        waiting,
        // saveButton,
        editButton,
        cancelButton
    } = props;  return (
        <Module {...CheckoutDeliveryOptions} ref={checkoutErrorRef}>
            {viewState.isLoading && waiting}
            {viewState.isError && alert}
            {viewState.isShowList && deliveryOptions && (
                <DeliveryOptionList
                    props={props}
                    {...deliveryOptions}
                    listOfLocations={locatonList}
                    onRadioSelect={handleRadioSelect}
                    onDropdownSelect={handleDropdownSelect}
                    selectedDropdownOption={selectedDropdownOption}
                    selectedRadioButton={selectedRadioButton}
                />
            )}
            {viewState.isShowSelected && deliveryOptionSelected && <DeliveryOptionSelected {...deliveryOptionSelected} />}
            {/* {viewState.isShowSaveButton && saveButton} */}
            {viewState.isShowEditButton && editButton}
            {viewState.isShowCancelButton && cancelButton}
        </Module>
    );
};
export default CheckoutDeliveryOptionsView;

Could any one help me how to find the parent component or if there is any other idea to access saveButton action.