a346dccd4c
Add the following `frontend-plugin-framework` slots: * `logo_slot` * `desktop_main_menu_slot` * `desktop_secondary_menu_slot` * `mobile_main_menu_slot` * `course_info_slot` * `learning_help_slot` * `desktop_logged_out_items_slot` * `mobile_logged_out_items_slot` * `mobile_user_menu_slot` * `desktop_user_menu_slot` * `learning_user_menu_slot` * `learning_logged_out_items_slot` * `desktop_header_slot`
27 lines
677 B
JavaScript
27 lines
677 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { Button } from '@openedx/paragon';
|
|
|
|
const LearningLoggedOutButtons = ({ buttonsInfo }) => buttonsInfo.map(buttonInfo => (
|
|
<Button
|
|
className="ml-3"
|
|
variant={buttonInfo.variant ?? 'outline-primary'}
|
|
href={buttonInfo.href}
|
|
>
|
|
{buttonInfo.message}
|
|
</Button>
|
|
));
|
|
|
|
export const learningHeaderLoggedOutItemsDataShape = {
|
|
buttonsInfo: PropTypes.arrayOf(PropTypes.shape({
|
|
message: PropTypes.string,
|
|
href: PropTypes.string,
|
|
variant: PropTypes.string,
|
|
})),
|
|
};
|
|
|
|
LearningLoggedOutButtons.propTypes = learningHeaderLoggedOutItemsDataShape;
|
|
|
|
export default LearningLoggedOutButtons;
|