标签: botpress

如何在Botpress版本11.9.5中自定义用户对话框?

我正在尝试将时间戳添加到botpress聊天的每个对话框中。到目前为止,我已经可以在bot的对话框中添加此时间戳,但是我需要一些指针来将其添加到用户的对话框和选择技巧中。

聊天屏幕截图,显示了机器人对话框中的时间戳 在此处输入图片说明 自定义组件

export class InfaText extends React.Component {
  message = this.props.text

  getTimestamp = () => {
    let date = new Date();
    let options = {
      month: "short",
      day: "numeric", hour: "2-digit", minute: "2-digit"
    };
    return date.toLocaleTimeString("en-us", options);
  }
  render() {
    return (<div className="infaTextMain">
      <p className="infaTextMessage">{this.message}</p>
      <small className="infaTextTimestamp">{this.getTimestamp()}</small>
    </div>)
  }
}
Run Code Online (Sandbox Code Playgroud)

注意:Botpress v11.9.5

另外,是否有一种通用方法可以向所有对话框添加时间戳? 更新资料

我完全按照@eff_it的说法

我复制MessageWrapperMySuperOverride功能modules\infa-module\src\views\lite\index.jsx 在此处输入图片说明

然后在modules\channel-web\src\views\full\index.tsx文件覆盖下的代码段下方添加

{
          module: 'infa-module',
          component: 'MySuperOverride'
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

仍然没有效果,@ eff_it请看一看并建议这里缺少什么?

在此处输入图片说明

javascript css chatbot reactjs botpress

6
推荐指数
1
解决办法
248
查看次数

标签 统计

botpress ×1

chatbot ×1

css ×1

javascript ×1

reactjs ×1