feat: [AXIMST-24] Course unit - Sidebar buttons functional (#134)

* feat: [AXIMST-24] sidebar buttons functional

* refactor: removed modal extra className

* refactor: refactoring after review
This commit is contained in:
Peter Kulko
2024-01-29 14:42:04 +02:00
committed by Adolfo R. Brandes
parent 073e191273
commit e4d88fb1fa
30 changed files with 896 additions and 54 deletions

View File

@@ -1,16 +1,15 @@
import React from 'react';
import PropTypes from 'prop-types';
import { ActionRow, AlertModal, Button } from '@openedx/paragon';
import { Error } from '@openedx/paragon/icons';
const ModalError = ({
isOpen, title, message, handleCancel, handleAction, cancelButtonText, actionButtonText,
const ModalNotification = ({
isOpen, title, message, handleCancel, handleAction, cancelButtonText, actionButtonText, variant, icon,
}) => (
<AlertModal
title={title}
isOpen={isOpen}
variant="danger"
icon={Error}
variant={variant}
icon={icon}
footerNode={(
<ActionRow>
<Button variant="tertiary" onClick={handleCancel}>{cancelButtonText}</Button>
@@ -22,7 +21,7 @@ const ModalError = ({
</AlertModal>
);
ModalError.propTypes = {
ModalNotification.propTypes = {
isOpen: PropTypes.bool.isRequired,
title: PropTypes.string.isRequired,
message: PropTypes.string.isRequired,
@@ -30,6 +29,13 @@ ModalError.propTypes = {
handleAction: PropTypes.func.isRequired,
cancelButtonText: PropTypes.string.isRequired,
actionButtonText: PropTypes.string.isRequired,
variant: PropTypes.string,
icon: PropTypes.elementType,
};
export default ModalError;
ModalNotification.defaultProps = {
variant: 'default',
icon: undefined,
};
export default ModalNotification;