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 | 21x | import { useCallback, useState } from "react";
export const useMentions = (initialValue: any) => {
const [value, setValue] = useState(initialValue);
const setMentionedUser = (user: string) => {
setValue((comment: any) => (comment ? `${comment} ${user}` : `${user}`));
};
const onChange = useCallback(
(_: any, newValue: any) => {
setValue(newValue);
},
[setValue],
);
const onAdd = (...args: any) => {
setValue((v: string) => `${v}`);
};
return {
sourceValue: value,
onSourceChange: onChange,
onSourceAdd: onAdd,
setMentionedUser,
};
};
|