39 lines
889 B
TypeScript
39 lines
889 B
TypeScript
import React, { useRef } from 'react';
|
|
|
|
import { messageBlockWithContext } from '../UIKit/MessageBlock';
|
|
import { IMessageBlocks } from './interfaces';
|
|
|
|
const Blocks = React.memo(({ blocks, id: mid, rid, blockAction }: IMessageBlocks) => {
|
|
if (blocks && blocks.length > 0) {
|
|
const appId = blocks[0]?.appId || '';
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
const comp = useRef(
|
|
React.createElement(
|
|
messageBlockWithContext({
|
|
action: async ({ actionId, value, blockId }: { actionId: string; value: string; blockId: string }) => {
|
|
if (blockAction) {
|
|
await blockAction({
|
|
actionId,
|
|
appId,
|
|
value,
|
|
blockId,
|
|
rid,
|
|
mid
|
|
});
|
|
}
|
|
},
|
|
appId,
|
|
rid
|
|
}),
|
|
{ blocks }
|
|
)
|
|
);
|
|
return comp.current;
|
|
}
|
|
return null;
|
|
});
|
|
|
|
Blocks.displayName = 'MessageBlocks';
|
|
|
|
export default Blocks;
|