New: Sort preferred words by score when displaying in the UI

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
pull/6/head
Qstick 6 years ago
parent 7cf39e6a30
commit c5d980d7b2

@ -9,6 +9,10 @@ import ConfirmModal from 'Components/Modal/ConfirmModal';
import EditReleaseProfileModalConnector from './EditReleaseProfileModalConnector';
import styles from './ReleaseProfile.css';
function sortPreferred(preferred) {
return preferred.slice().sort((a, b) => b.value - a.value);
}
class ReleaseProfile extends Component {
//
@ -18,11 +22,20 @@ class ReleaseProfile extends Component {
super(props, context);
this.state = {
sortedPreferred: sortPreferred(props.preferred),
isEditReleaseProfileModalOpen: false,
isDeleteReleaseProfileModalOpen: false
};
}
componentDidUpdate(prevProps) {
const { preferred } = this.props;
if (prevProps.preferred !== preferred) {
this.setState({ sortedPreferred: sortPreferred(preferred) });
}
}
//
// Listeners
@ -57,11 +70,16 @@ class ReleaseProfile extends Component {
id,
required,
ignored,
preferred,
tags,
tagList
} = this.props;
const {
sortedPreferred,
isEditReleaseProfileModalOpen,
isDeleteReleaseProfileModalOpen
} = this.state;
return (
<Card
className={styles.releaseProfile}
@ -108,7 +126,7 @@ class ReleaseProfile extends Component {
<div>
{
preferred.map((item) => {
sortedPreferred.map((item) => {
const isPreferred = item.value >= 0;
return (
@ -130,13 +148,13 @@ class ReleaseProfile extends Component {
<EditReleaseProfileModalConnector
id={id}
isOpen={this.state.isEditReleaseProfileModalOpen}
isOpen={isEditReleaseProfileModalOpen}
onModalClose={this.onEditReleaseProfileModalClose}
onDeleteReleaseProfilePress={this.onDeleteReleaseProfilePress}
/>
<ConfirmModal
isOpen={this.state.isDeleteReleaseProfileModalOpen}
isOpen={isDeleteReleaseProfileModalOpen}
kind={kinds.DANGER}
title="Delete ReleaseProfile"
message={'Are you sure you want to delete this releaseProfile?'}

Loading…
Cancel
Save