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
26 lines
858 B
TypeScript
26 lines
858 B
TypeScript
import { useEffect, useState } from 'react';
|
|
import { RelationsEvent, type Relations } from 'matrix-js-sdk/lib/models/relations';
|
|
|
|
export const useRelations = <T>(
|
|
relations: Relations,
|
|
getRelations: (relations: Relations) => T,
|
|
) => {
|
|
const [data, setData] = useState(() => getRelations(relations));
|
|
|
|
useEffect(() => {
|
|
const handleUpdate = () => {
|
|
setData(getRelations(relations));
|
|
};
|
|
relations.on(RelationsEvent.Add, handleUpdate);
|
|
relations.on(RelationsEvent.Redaction, handleUpdate);
|
|
relations.on(RelationsEvent.Remove, handleUpdate);
|
|
return () => {
|
|
relations.removeListener(RelationsEvent.Add, handleUpdate);
|
|
relations.removeListener(RelationsEvent.Redaction, handleUpdate);
|
|
relations.removeListener(RelationsEvent.Remove, handleUpdate);
|
|
};
|
|
}, [relations, getRelations]);
|
|
|
|
return data;
|
|
};
|