Remove position from prizes/rules
This commit is contained in:
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);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user