Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | 21x 126x 126x 21x 21x 73x 73x 4x 4x 3x 3x 3x 3x 2x 73x 71x 71x 71x 73x | import { useEffect, createContext } from 'react';
import { events } from 'app';
import { usePersistedState } from 'hooks';
import { Entities, Entity, Events } from 'types';
type AchievementPayload = Pick<Entity, 'id' | 'title'>[];
type Achievements = Record<Entities, AchievementPayload>;
type AchievementsContextData = {
achievements: Achievements;
};
type AchievementsProviderProps = {
children: React.ReactNode;
};
const INITIAL_STATE = Object.values(Entities).reduce((obj, entity) => {
obj[entity] = [];
return obj;
}, {} as Record<Entities, AchievementPayload>);
const AchievementsContext = createContext<AchievementsContextData>(
{} as AchievementsContextData
);
const AchievementsProvider = ({ children }: AchievementsProviderProps) => {
const [achievements, setAchievements] = usePersistedState<Achievements>(
'achievements',
INITIAL_STATE
);
const handleAdd = (event: CustomEvent<Entity>) => {
const { entity, id, title } = event.detail;
if (!entity || !id || !title) return;
setAchievements(state => {
const achievements = state[entity];
const areadyHave = achievements.find(item => item.id === id);
if (areadyHave) return state;
return {
...state,
[entity]: [...state[entity], { id, title }],
};
});
};
useEffect(() => {
events.on(Events.ADD_ACHIEVEMENT, handleAdd);
return () => {
events.off(Events.ADD_ACHIEVEMENT, handleAdd);
};
}, []);
return (
<AchievementsContext.Provider value={{ achievements }}>
{children}
</AchievementsContext.Provider>
);
};
export { AchievementsProvider, AchievementsContext };
|