⚖️ add custom required mark (cyclops-ui#453)

* add custom required mark * remove unused import
Tejasvi121104 · Jul 20, 2024 · 377c44a · 377c44a
1 parent 02fb7f0
commit 377c44a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/cyclops-ui/src/components/pages/EditModule/EditModule.tsx b/cyclops-ui/src/components/pages/EditModule/EditModule.tsx
@@ -1207,6 +1207,20 @@ const EditModule = () => {
               onFinish={handleSubmitTemplateEdit}
               onFinishFailed={onFinishFailed}
               style={{ width: "100%" }}
+              requiredMark={(label, { required }) => (
+                <Row>
+                  <Col>
+                    {required ? (
+                      <span style={{ color: "red", paddingRight: "3px" }}>
+                        *
+                      </span>
+                    ) : (
+                      <></>
+                    )}
+                  </Col>
+                  <Col>{label}</Col>
+                </Row>
+              )}
             >
               {lockButton()}
               <Form.Item

diff --git a/cyclops-ui/src/components/pages/NewModule/NewModule.tsx b/cyclops-ui/src/components/pages/NewModule/NewModule.tsx
@@ -1183,6 +1183,18 @@ const NewModule = () => {
             autoComplete={"off"}
             onFinish={handleSubmit}
             onFinishFailed={onFinishFailed}
+            requiredMark={(label, { required }) => (
+              <Row>
+                <Col>
+                  {required ? (
+                    <span style={{ color: "red", paddingRight: "3px" }}>*</span>
+                  ) : (
+                    <></>
+                  )}
+                </Col>
+                <Col>{label}</Col>
+              </Row>
+            )}
           >
             <Divider orientation="left" orientationMargin="0">
               Module template