Merge pull request #16295 from Bouncey/fix/duplicateKeys
fix(step-challenge): Fix duplicate keys in Steppull/16392/merge
commit
540b0ec4d4
|
@ -167,7 +167,8 @@ export class StepChallenge extends PureComponent {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
renderStep({
|
renderStep(
|
||||||
|
{
|
||||||
clickOnImage,
|
clickOnImage,
|
||||||
completeAction,
|
completeAction,
|
||||||
currentIndex,
|
currentIndex,
|
||||||
|
@ -183,7 +184,7 @@ export class StepChallenge extends PureComponent {
|
||||||
}
|
}
|
||||||
const [imgUrl, imgAlt, info, action] = step;
|
const [imgUrl, imgAlt, info, action] = step;
|
||||||
return (
|
return (
|
||||||
<div key={ imgUrl }>
|
<div key={ `${info.slice(0, 15)}` }>
|
||||||
<a
|
<a
|
||||||
href={ imgUrl }
|
href={ imgUrl }
|
||||||
onClick={ clickOnImage }
|
onClick={ clickOnImage }
|
||||||
|
@ -241,8 +242,8 @@ export class StepChallenge extends PureComponent {
|
||||||
if (!Array.isArray(steps)) {
|
if (!Array.isArray(steps)) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
return steps.map(([ imgUrl, imgAlt ]) => (
|
return steps.map(([ imgUrl, imgAlt, info ]) => (
|
||||||
<div key={ imgUrl }>
|
<div key={ `${info.slice(0, 15)}` }>
|
||||||
<Image
|
<Image
|
||||||
alt={ imgAlt }
|
alt={ imgAlt }
|
||||||
responsive={ true }
|
responsive={ true }
|
||||||
|
|
|
@ -63,10 +63,7 @@ export const actionCompletedSelector = state => getNS(state).isActionCompleted;
|
||||||
|
|
||||||
export default handleActions(
|
export default handleActions(
|
||||||
() => ({
|
() => ({
|
||||||
[challenges.challengeUpdated]: () => {
|
[challenges.challengeUpdated]: () => initialState,
|
||||||
console.log('updating step ui');
|
|
||||||
return initialState;
|
|
||||||
},
|
|
||||||
[types.goToStep]: (state, { payload: { step = 0, isUnlocked }}) => ({
|
[types.goToStep]: (state, { payload: { step = 0, isUnlocked }}) => ({
|
||||||
...state,
|
...state,
|
||||||
currentIndex: step,
|
currentIndex: step,
|
||||||
|
|
Loading…
Reference in New Issue