Remove position from prizes/rules

This commit is contained in:
Unknown committed 2019-02-10 20:41:30 +01:00
1 parent b1d7279d34
commit 84b2fec38d
4 files changed
+16 -48

No files matched your search

@@ -12,7 +12,7 @@ import {
const DragHandle = SortableHandle(() => <div className='dragHandle' />);
const SortableItem = SortableElement(({ value, deletePrize }) => (
const SortableItem = SortableElement(({ value, deletePrize, index }) => (
<div className='sortableListItem'>
<Grid container spacing={16}>
<Grid item>
@@ -27,7 +27,7 @@ const SortableItem = SortableElement(({ value, deletePrize }) => (
</Typography>
</Grid>
<Grid item>
<Typography style={{ cursor: 'pointer' }} onClick={() => deletePrize(value.position)} >Remove</Typography>
<Typography style={{ cursor: 'pointer' }} onClick={() => deletePrize(index)} >Remove</Typography>
</Grid>
</Grid>
</Grid>
@@ -44,22 +44,14 @@ const SortableList = SortableContainer(({ items, deletePrize }) => (
class List extends React.Component {
onSortEnd = ({ oldIndex, newIndex }) => {
let newPrizes = this.props.prizes.slice(0);
const newPrizes = this.props.prizes.slice(0);
newPrizes.splice(newIndex, 0, newPrizes.splice(oldIndex, 1)[0]);
newPrizes = newPrizes.map((prize, index) => {
prize.position = index;
return prize;
});
this.props.edit(newPrizes);
}
deletePrize = (deletedIndex) => {
let newPrizes = this.props.prizes.slice(0);
const newPrizes = this.props.prizes.slice(0);
newPrizes.splice(deletedIndex, 1);
newPrizes = newPrizes.map((prize, index) => {
prize.position = index;
return prize;
});
this.props.edit(newPrizes);
}
@@ -12,7 +12,7 @@ import {
const DragHandle = SortableHandle(() => <div className='dragHandle' />);
const SortableItem = SortableElement(({ value, deleteRule }) => (
const SortableItem = SortableElement(({ value, deleteRule, index }) => (
<div className='sortableListItem'>
<Grid container spacing={16}>
<Grid item>
@@ -28,7 +28,7 @@ const SortableItem = SortableElement(({ value, deleteRule }) => (
</Typography>
</Grid>
<Grid item>
<Typography style={{ cursor: 'pointer' }} onClick={() => deleteRule(value.position)} >Remove</Typography>
<Typography style={{ cursor: 'pointer' }} onClick={() => deleteRule(index)} >Remove</Typography>
</Grid>
</Grid>
</Grid>
@@ -45,22 +45,14 @@ const SortableList = SortableContainer(({ items, deleteRule }) => (
class List extends React.Component {
onSortEnd = ({ oldIndex, newIndex }) => {
let newRules = this.props.rules.slice(0);
const newRules = this.props.rules.slice(0);
newRules.splice(newIndex, 0, newRules.splice(oldIndex, 1)[0]);
newRules = newRules.map((rule, index) => {
rule.position = index;
return rule;
});
this.props.edit(newRules);
}
deleteRule = (deletedIndex) => {
let newRules = this.props.rules.slice(0);
const newRules = this.props.rules.slice(0);
newRules.splice(deletedIndex, 1);
newRules = newRules.map((rule, index) => {
rule.position = index;
return rule;
});
this.props.edit(newRules);
}
@@ -12,7 +12,7 @@ import {
const DragHandle = SortableHandle(() => <div className='dragHandle' />);
const SortableItem = SortableElement(({ value, deletePrize }) => (
const SortableItem = SortableElement(({ value, deletePrize, index }) => (
<div className='sortableListItem'>
<Grid container spacing={16}>
<Grid item>
@@ -27,7 +27,7 @@ const SortableItem = SortableElement(({ value, deletePrize }) => (
</Typography>
</Grid>
<Grid item>
<Typography style={{ cursor: 'pointer' }} onClick={() => deletePrize(value.position)} >Remove</Typography>
<Typography style={{ cursor: 'pointer' }} onClick={() => deletePrize(index)} >Remove</Typography>
</Grid>
</Grid>
</Grid>
@@ -44,22 +44,14 @@ const SortableList = SortableContainer(({ items, deletePrize }) => (
class List extends React.Component {
onSortEnd = ({ oldIndex, newIndex }) => {
let newPrizes = this.props.prizes.slice(0);
const newPrizes = this.props.prizes.slice(0);
newPrizes.splice(newIndex, 0, newPrizes.splice(oldIndex, 1)[0]);
newPrizes = newPrizes.map((prize, index) => {
prize.position = index;
return prize;
});
this.props.edit(newPrizes);
}
deletePrize = (deletedIndex) => {
let newPrizes = this.props.prizes.slice(0);
const newPrizes = this.props.prizes.slice(0);
newPrizes.splice(deletedIndex, 1);
newPrizes = newPrizes.map((prize, index) => {
prize.position = index;
return prize;
});
this.props.edit(newPrizes);
}
@@ -12,7 +12,7 @@ import {
const DragHandle = SortableHandle(() => <div className='dragHandle' />);
const SortableItem = SortableElement(({ value, deleteRule }) => (
const SortableItem = SortableElement(({ value, deleteRule, index }) => (
<div className='sortableListItem'>
<Grid container spacing={16}>
<Grid item>
@@ -28,7 +28,7 @@ const SortableItem = SortableElement(({ value, deleteRule }) => (
</Typography>
</Grid>
<Grid item>
<Typography style={{ cursor: 'pointer' }} onClick={() => deleteRule(value.position)} >Remove</Typography>
<Typography style={{ cursor: 'pointer' }} onClick={() => deleteRule(index)} >Remove</Typography>
</Grid>
</Grid>
</Grid>
@@ -45,22 +45,14 @@ const SortableList = SortableContainer(({ items, deleteRule }) => (
class List extends React.Component {
onSortEnd = ({ oldIndex, newIndex }) => {
let newRules = this.props.rules.slice(0);
const newRules = this.props.rules.slice(0);
newRules.splice(newIndex, 0, newRules.splice(oldIndex, 1)[0]);
newRules = newRules.map((rule, index) => {
rule.position = index;
return rule;
});
this.props.edit(newRules);
}
deleteRule = (deletedIndex) => {
let newRules = this.props.rules.slice(0);
const newRules = this.props.rules.slice(0);
newRules.splice(deletedIndex, 1);
newRules = newRules.map((rule, index) => {
rule.position = index;
return rule;
});
this.props.edit(newRules);
}