From 07f0390b0865e68d52bbae4590366045a0347c14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alfredo=20Espa=C3=B1a?= <alfespa17@gmail.com>
Date: Fri, 3 May 2024 21:45:12 +0000
Subject: [PATCH] validate module name length

---
 ui/src/domain/Modules/Create.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui/src/domain/Modules/Create.jsx b/ui/src/domain/Modules/Create.jsx
index e21d57f2..fccb801a 100644
--- a/ui/src/domain/Modules/Create.jsx
+++ b/ui/src/domain/Modules/Create.jsx
@@ -425,10 +425,17 @@ export const CreateModule = () => {
               <Form.Item
                 name="name"
                 label="Module Name"
-                rules={[{ required: true }, { maxLength: 32, message: "Value should be less than 32 character"}]}
+                rules={[{ required: true },       {
+                  max: 32,
+                  message: "Value should be less than 32 character",
+                },]}
                 extra="The name of your module generally names the abstraction that the module is intending to create."
               >
-                <Input />
+                <Input
+                    onChange={(value) => {
+                      this.props.setValue(value);
+                    }}
+                />
               </Form.Item>
 
               <Form.Item