mirror of
https://github.com/zoriya/flood.git
synced 2025-12-20 06:05:15 +00:00
Prep modals for adding torrents by file
Abstract modals into different components Adjust modal format
This commit is contained in:
52
client/source/scripts/components/modals/ModalActions.js
Normal file
52
client/source/scripts/components/modals/ModalActions.js
Normal file
@@ -0,0 +1,52 @@
|
||||
import classnames from 'classnames';
|
||||
import React from 'react';
|
||||
|
||||
import UIActions from '../../actions/UIActions';
|
||||
|
||||
export default class ModalActions extends React.Component {
|
||||
getModalButtons(actions) {
|
||||
let buttons = actions.map((action, index) => {
|
||||
let classes = classnames('button', {
|
||||
[action.supplementalClassName]: action.supplementalClassName,
|
||||
'button--deemphasize': action.type === 'secondary',
|
||||
'button--primary': action.type === 'primary'
|
||||
});
|
||||
|
||||
return (
|
||||
<button className={classes} onClick={this.getClickHandler(action)} key={index}>
|
||||
{action.content}
|
||||
</button>
|
||||
);
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="modal__button-group form__row">
|
||||
{buttons}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getClickHandler(action) {
|
||||
return () => {
|
||||
if (action.clickHandler) {
|
||||
action.clickHandler();
|
||||
}
|
||||
|
||||
if (action.triggerDismiss) {
|
||||
UIActions.dismissModal();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="modal__actions">
|
||||
{this.getModalButtons(this.props.actions)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
ModalActions.defaultProps = {
|
||||
alignment: 'left'
|
||||
};
|
||||
Reference in New Issue
Block a user