Lotus Bot
23008670f3
CI / Build & Quality Checks (push) Successful in 10m13s
- 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
27 lines
844 B
TypeScript
27 lines
844 B
TypeScript
import { useAtomValue } from 'jotai';
|
|
import { selectAtom } from 'jotai/utils';
|
|
import { useCallback } from 'react';
|
|
import {
|
|
IRoomIdToTypingMembers,
|
|
TypingReceipt,
|
|
roomIdToTypingMembersAtom,
|
|
} from '../state/typingMembers';
|
|
|
|
const typingReceiptEqual = (a: TypingReceipt, b: TypingReceipt): boolean =>
|
|
a.userId === b.userId && a.ts === b.ts;
|
|
|
|
const equalTypingMembers = (x: TypingReceipt[], y: TypingReceipt[]): boolean => {
|
|
if (x.length !== y.length) return false;
|
|
return x.every((a, i) => typingReceiptEqual(a, y[i]));
|
|
};
|
|
|
|
export const useRoomTypingMember = (roomId: string) => {
|
|
const selector = useCallback(
|
|
(roomToTyping: IRoomIdToTypingMembers) => roomToTyping.get(roomId) ?? [],
|
|
[roomId],
|
|
);
|
|
|
|
const typing = useAtomValue(selectAtom(roomIdToTypingMembersAtom, selector, equalTypingMembers));
|
|
return typing;
|
|
};
|