UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2024-12-27 14:22:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: truncate long messages in visual editor

Browse Source
This commit is contained in:
abdou6666 2024-12-02 17:13:37 +01:00
parent dbc651a314
commit cdcfc2663d
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/visual-editor/v2/CustomDiagramNodes/NodeWidget.tsx
View File

@ -30,6 +30,7 @@ import SimpleTextIcon from "@/app-components/svg/toolbar/SimpleTextIcon";
import TriggerIcon from "@/app-components/svg/TriggerIcon";
import { IBlockFull, Pattern } from "@/types/block.types";
import { BlockPorts, BlockTypes, TBlock } from "@/types/visual-editor.types";
import { truncate } from "@/utils/text";
import { NodeModel } from "./NodeModel";
@ -360,7 +361,7 @@ class NodeWidget extends React.Component<
color={this.config.color}
size="21px"
/>
{this.props.node.message[0]}
{truncate(this.props.node.message[0])}
</div>
) : null}
{[BlockTypes.quickReplies, BlockTypes.buttons].includes(
@ -375,7 +376,7 @@ class NodeWidget extends React.Component<
{
//TODO: need to be updated
// @ts-ignore
this.props.node.message.text
truncate(this.props.node.message.text)
}
</div>
) : null}

11
frontend/src/utils/text.ts Normal file
View File

@ -0,0 +1,11 @@
/*
* Copyright © 2024 Hexastack. All rights reserved.
*
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
*/
export const truncate = (text: string, length = 300) => {
return text.length > length ? text.substring(0, length) : text;
};