Lotus Bot
61a1f008d0
- i18next 23->26 + react-i18next 15->17 - prettier 2->3, reformat all files - replace @fontsource/inter with @fontsource-variable/inter 5, update import path - domhandler 5->6 (aligns with transitive deps) - lint-staged 16->17
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { atom } from 'jotai';
|
|
|
|
export type ListAction<T> =
|
|
| {
|
|
type: 'PUT';
|
|
item: T | T[];
|
|
}
|
|
| {
|
|
type: 'REPLACE';
|
|
item: T;
|
|
replacement: T;
|
|
}
|
|
| {
|
|
type: 'DELETE';
|
|
item: T | T[];
|
|
};
|
|
|
|
export const createListAtom = <T>() => {
|
|
const baseListAtom = atom<T[]>([]);
|
|
return atom<T[], [ListAction<T>], undefined>(
|
|
(get) => get(baseListAtom),
|
|
(get, set, action) => {
|
|
const items = get(baseListAtom);
|
|
const newItems = Array.isArray(action.item) ? action.item : [action.item];
|
|
if (action.type === 'DELETE') {
|
|
set(
|
|
baseListAtom,
|
|
items.filter((item) => !newItems.includes(item)),
|
|
);
|
|
return;
|
|
}
|
|
if (action.type === 'PUT') {
|
|
set(baseListAtom, [...items, ...newItems]);
|
|
return;
|
|
}
|
|
if (action.type === 'REPLACE') {
|
|
set(
|
|
baseListAtom,
|
|
items.map((item) => (item === action.item ? action.replacement : item)),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
};
|
|
export type TListAtom<T> = ReturnType<typeof createListAtom<T>>;
|