cek/airboardgame
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Reuse code

Browse source
This commit is contained in:
Jeremie Pardou-Piquemal 2020-06-23 20:32:44 +02:00 committed by Jérémie Pardou-Piquemal
parent 57faef3ce2
commit c3590fe7fb
1 changed files with 12 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/components/Board/Items/useItems.js
View file

@ -11,18 +11,18 @@ const useItemsAction = () => {
const [itemList, setItemList] = useRecoilState(ItemListAtom);
const selectedItems = useRecoilValue(selectedItemsAtom);
const updateItem = React.useCallback(
(id, callbackOrItem, sync = true) => {
const batchUpdateItems = React.useCallback(
(ids, callbackOrItem, sync = true) => {
let callback = callbackOrItem;
if (typeof callbackOrItem === "object") {
callback = () => callbackOrItem;
}
setItemList((prevList) => {
return prevList.map((item) => {
if (item.id === id) {
if (ids.includes(item.id)) {
const newItem = {
...callback(item),
id: item.id, // Prevent id modification
id: item.id,
};
if (sync) {
c2c.publish(`itemStateUpdate.${newItem.id}`, newItem);
@ -33,7 +33,14 @@ const useItemsAction = () => {
});
});
},
[setItemList, c2c]
[c2c, setItemList]
);
const updateItem = React.useCallback(
(id, callbackOrItem, sync = true) => {
batchUpdateItems([id], callbackOrItem, sync);
},
[batchUpdateItems]
);
const moveSelectedItems = React.useCallback(
@ -62,29 +69,6 @@ const useItemsAction = () => {
[setItemList, selectedItems, c2c]
);
const batchUpdateItems = React.useCallback(
(ids, callbackOrItem) => {
let callback = callbackOrItem;
if (typeof callbackOrItem === "object") {
callback = () => callbackOrItem;
}
setItemList((prevList) => {
return prevList.map((item) => {
if (ids.includes(item.id)) {
const newItem = {
...callback(item),
id: item.id,
};
c2c.publish(`itemStateUpdate.${item.id}`, newItem);
return newItem;
}
return item;
});
});
},
[c2c, setItemList]
);
const putItemOnTop = React.useCallback(
(itemIdToMove) => {
setItemList((prevItemList) => {