<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8"> 
  <title>Ulubione kolory</title>
  <script src="https://unpkg.com/redux@latest/dist/redux.js"></script>
</head>

<body>
  <script>

  </script>
</body>

</html>
---

function addColor(value) {
  return {
    type: "ADD",
    color: value
  };
}

function removeColor(value) {
  return {
    type: "REMOVE",
    color: value
  };
}
---

function favoriteColors(state, action) {
  if (state === undefined) {
    state = [];
  }

  if (action.type === "ADD") {
    return state.concat(action.color);
  } else if (action.type === "REMOVE") {
    return state.filter(function(item) {
      return item !== action.color;
    });
  } else {
    return state;
  }
}
---

store.dispatch(addColor("niebieski"));
store.dispatch(addColor("żółty"));
store.dispatch(addColor("zielony"));
store.dispatch(addColor("czerwony"));
store.dispatch(addColor("szary"));
store.dispatch(addColor("pomarańczowy"));
store.dispatch(removeColor("szary"));
---

store.subscribe(render);
function render() {
  console.log(store.getState());
}
---

