fix(frontend): avoid displaying long description text for block (#8688)

Co-authored-by: Toran Bruce Richards <[email protected]>
Significant-Gravitas · Nov 18, 2024 · 402789d · 402789d
1 parent 6fa4b8c
commit 402789d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/autogpt_platform/frontend/src/components/edit/control/BlocksControl.tsx b/autogpt_platform/frontend/src/components/edit/control/BlocksControl.tsx
@@ -205,7 +205,10 @@ export const BlocksControl: React.FC<BlocksControlProps> = ({
                         {beautifyString(block.name).replace(/ Block$/, "")}
                       </span>
                       <span className="block break-words text-xs font-normal text-gray-500">
-                        {block.description}
+                        {/* Cap description at 100 characters max */}
+                        {block.description?.length > 100
+                          ? block.description.slice(0, 100) + "..."
+                          : block.description}
                       </span>
                     </div>
                     <div